11 fevereiro 2013

Código para Postagem Recentes.

Outro recurso muito procurado aqui é como colocar esta setinha que, a um clique, leva a gente de volta para o topo da página. Também é muito simples; veja: Para começar, clique em Design. A seguir clique em Adicionar gadget. Na janela de opções escolha HMTL/JAVASCRIPT e na janelinha que abrir cole este código:

 Postagens recentes com imagens e número de comentários. Copie o código abaixo e cole conforme expliquei nos 2 casos anteriores: 
Onde esta:"http://i43.tinypic.com/orpg0m.jpg";

<script language="JavaScript">(Entre em HTML/javascrit e cole onde ,voce quizer)
 

imgr = new Array();
imgr[0] = "
http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[5] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 240;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 14;
acolor = "#000";
aBold = true;
icon = " ";
text = "comentários";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "ENDEREÇO DE SEU BLOG";
</script><script src=
"http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js"
type="text/javascript">
</script>
Se quizer mude as cores a seu gosto.
Você deve inserir o endereço completo de seu blog onde está marcado  em azufundo preto e fonte azul, tomando cuidado para não apagar nenhum sinal, tá? Depois salve e tá feito. Se quiser mudar cor de fundo altere o valor hexadecimal que aparece assim: borderColor = "#ffffff"; No caso do meu exemplo o
 fundo é branco, ou seja, #ffffff.
************************************************************************************

Este script é criação do blog BloggerTricks, a quem pertencem todos os créditos.


10 fevereiro 2013

Colacar Navbar no Blog

Se você não tem navbar em seu blogspot e quer recolocá-lo,
siga as instruções abaixo.
1; Entre no Blogger:

Layout/Editar html

Clic em expandir modelos de widgets, depois em Ctrl F

Localize algo parecido com isso:
#navbar-iframe {


Se não tiver exatamente assim, procure por navbar e substitua tudo por:

#navbar-iframe {}


2;clique em Layout. Agora clique em Editar  Navbar.
3;Escolha o transparente
4;Salve
Em seguida entre no HTML do seu  blog e procure por essa linha:
 ]]></b:skin>
E cole acima dela esse código:
#navbar-iframe {
background:#B40431; /* Cor da navbar*/
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
background:#000000; /* Cor da navbar ao  passar o mouse*/
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}  


Onde está escrito cor,troque pela sua cor preferida 
Se voce quizer ela fixa é só colocar esse código;
Em cima da mesma linha:]]></b:skin>

#navbar-iframe {
left:0;
top:0;
position:fixed;

 Visualize,se estiver tudo certo salve
Para mudar a cor do seu navbar entre neste site.
http://www.mxstudio.com.br
r