Feliz natal e um próspero ano-novo


|




Christmas_tree_and_gifts_large

Hey!
Apareci aqui para desejar um ótimo Natal e um Ano-Novo perfeito para todas vocês, principalmente para os meus blogs preferidos: Trechy Teen, Cherry Bomb, Place Fame.
Para não passar em branco, veremos hoje um tuto bem legal e simples: Em apenas um passo você coloca um slide lindo e totalmente personalizável no seu blog. Créditos ao Dicas para Blogs.

Colocar Slide de Postagens Recentes no blog                               
Exemplo aqui

Vocês devem imaginar: Primeiro de tudo é abrir o Editar HTML.
Não! Esse slide, felizmente, é apenas colocado em Layout > Adicionar um gadget> HTML/JavaScript.
Lá cole o código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 800;
var pause = 6500;
function removeFirst(){
first = $('ul#slide li:first').html();
$('ul#slide li:first')
.animate({opacity: 0.5}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#slide').append(last)
$('ul#slide li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<style type="text/css">
#slide{
height:150px;
width:360px;
overflow:hidden;
border: 1px solid #ccc;
margin: auto;
padding:5px;
}
#slide li{
margin: 10px 0 0 0;
list-style:none;
}
#slide .news-title{
display:block;
text-align: center;
line-height: 10px;
}
#slide img{
float:left;
margin-right:2px;
padding:10px;
border:solid 1px #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://baririnoticias.com.br/portal/arquivos/sem_foto.gif";
showRandomImg = true;
tablewidth = 360;
cellspacing = 1;
borderColor = "";
bgTD = "#ffffff";
imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#ff0000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#0000ff";
icon2 = " ";
numposts = 10;
label = "";
home_page = "SEU BLOG AQUI";
</script>
<script src="http://acessoriosparablogs.com.br/scripts/slide.js" type="text/javascript"></script>
E... Pronto! O Slide já está em seu blog.
Mas se você ver, o slide não funciona. Para isso, procure por SEU BLOG AQUI  e troque pelo endereço do seu blog.
Agora, sim!
Mas ele não está nada lindo como eu disse. Vamos deixá-lo agora.
Personalizar                                                                               
É melhor você colar esse código no bloco de notas ou Word para editá-lo.


Alterar a largura e altura do slide
height:150px;
width:360px;
Alterar as cores
Fundo: bgTD = "#ffffff"
Título: 
acolor = "#000";
Descrição: summaryColor = "#ccc";
Alterar os tamanhos
Título:  fntsize = 16;
Descrição: summaryFontsize = 12;
Altura da miniatura de foto: imgwidth = 120;
Largura da miniatura: imgheight = 120;
Alterar os números
Número de posts: numposts = 10;
Número de letras na descrição: summaryPost = 40;
Alterar a borda (Você pode excluir esse trecho se não quiser borda)
border: 1px solid #ccc;




Então, é isso. Por favor, comentem e sigam o blog, isso me faz tão feliz! :)
Espero que tenham gostado do tuto.
Beijos e feliz natal.

8 comentários:

Emily Caroline disse...

Oi, não edito no Travel. É um outro, não sei o nome. Mas só você dar uma procurada e vai ver qual deles fica separado, bjos e feliz natal.

CandyReis disse...

ah minha linda que pena :/ vou sentir saudades Feliz Natal Para você também, tudo de bom para você e sua família ^^

Laurinha disse...

Que fofa Candy!
E valeu Emily, vou procurar :a

Maria Lua disse...

Feliz Natal, tudo de bom, hoje e sempre!
http://perfeitateen.blogspot.com/

Anni S. disse...

Feliz natal, tudo de bom pra vc também (:
Muito bom o tuto *-*

Bom, pelo que eu entendi você falou que o meu big tutorial está um pouquinho parecido com o do TT certo? É que tipo, não tem muito o que colocar, é nesse passo a passo mesmo, a gente começa editando pelo designer do modelo, depois a gente parte pro HTML e aplica diversos tutoriais, por isso fica um pouco parecido.

Mas então, o que você acha que podia melhorar no tutorial? Beijos :*

goimagines.blogspot.com

Liah Sá disse...

Um feliz ano novo pra vc também flor <3 Obg por linkar o CB com um de seus blogs favoritos!
Volte logo viu? Kissus

Cherry Bomb.Twitter

Laura disse...

Feliz natal *-* e feliz ano novo!!
estou seguindo, segue de volta? http://imaginelah.blogspot.com/ Meu blog é novo!

Gabriela Santos disse...

Amei o blog bem teen amei seguindo! Feliz ano novo deixa sua marquinha no meu blog? BJO

http://blogconectada.blogspot.com/