Sendo o blogger uma das plataformas para blogs mais utilizada em todo mundo acrescento aqui mais uns codigos para blogger que utilizo nos meus templates blogger.

Talvez tenha interesse nos restantes artigos sobre o tema:

Códigos para Blogger parte I

Codigos para Blogger parte II

Conforme referi em posts anteriores sobre o mesmo tema faça sempre um backup do template do seu blog antes de qualquer alteração.

Como substituir o favicon do blogger para um favicon personalizado.

Esta é um dos codigos mais faceis de introduzir no template do blogger, basta escolher a sua imagem preferida (ainda não escolhi a deste blog,aceito ideias), alojá-la em formato .ico e .png num site de alojamento de imagens com as dimensões 16×16 e anotar o endereço.

De seguida em abrir html procure a tag </head> e antes dela coloque as duas linhas de codigo.

<link href=’ O ENDEREÇO DA SUA IMAGEM.ICO’ rel=’shortcut icon’/>

<link href=’ O ENDEREÇO DA SUA IMAGEM.png’ rel=’shortcut icon’/>
Faça guardar e veja o resultado no topo da barra de endereço.

Para alojar as suas imagens pode utilizar este site

Para converter uma imagem para formato .ico utilize este site

Widget mais comentados

Ainda por adicionar na plataforma Blogspot este widget permite-lhe adicionar na lateral do seu blog uma caixa com os post mais comentados ao estilo dos blogs em WordPress.

No painel do blogger, abra a janela elementos de pagina e adicione uma mini aplicação no local onde pretende que a caixa “os mais comentados” apareça, de seguida escolha adicionar HTML/JAVASCRIPT, coloque um titulo de seu agrado e insira as linhas seguintes substituindo no codigo abaixo O TITULO DO SEU BLOG pelo titulo respectivo.

 
<br /> <mce:script type=”text/javascript”><!– function pipeCallback(obj) { document.write(‘ <ul style=”text-transform: capitalize;” mce_style=”text-transform: capitalize;”>’); var i; for (i = 0; i < obj.count ; i++) { var href = “‘” + obj.value.items[i].link + “‘”; var item = ” <li>” + “<a href=” + href + ” mce_href=” + href + “>” + obj.value.items[i].title + “</a> </li> <p>”; document.write(item); } document.write(‘</ul> <p>’); } // –></mce:script><br /> <mce:script src=”http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=f2f000861babda9a1482365570d15427&url=http%3A%2F%2Fganhadinheironanethoje.blogspot.com&num=10″ mce_src=”http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=f2f000861babda9a1482365570d15427&url=http%3A%2F%2Fganhadinheironanethoje.blogspot.com&num=10″ type=”text/javascript”></mce:script><br /> <span style=”font-size: 80%” mce_style=”font-size: 80%”></span>

Veja o resultado na lateral deste blog (o seu comentário também é bem vindo).

E faça parte do widget:

Top Comentadores no blogger

Para adicionar uma lista com o Top de Comentadores do seus artigos na lateral do seu blog, utilize os códigos seguintes:

<script type=”text/javascript”>
function pipeCallback(obj) {
document.write(‘<ol>’);
var i;
for (i = 0; i < obj.count ; i++)
{
var href = “‘” + obj.value.items[i].link + “‘”;
var item = “<li>” + “<a href=” + href + “>” + obj.value.items[i].title + “</a> </li>”;
document.write(item);
}
document.write(‘</ol>’);
}
</script>
<script src=”http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&EntertheURL=http%3A%2F%2Fganhadinheironanethoje.blogspot.com&number=5&Nametobeexcluded=Nome” type=”text/javascript”></script>
<div align=”center”> <a></a></div>

Troque no código O SEU BLOG pelo endereço do blog respectivo sem incluir http nem www.

Espero que mais estas linhas de codigo o ajudem a personalizar o seu blogger.

Popularity: 3% [?]

Conteudo relacionado

Subscreva o feed dos comentários ou Deixe um trackback