Como melhorar seu blog - Botão Favoritos

29 de out. de 2009


0
Quando iniciamos um blog, além de escolher um bom template, decidir o tema do blog, decidir quais widgets colocar... temos que preencher uma defasagem total que a velocidade da internet nos impõe: links para twitter, orkut, myspace...

Além de alcançar todos esses sites de relacionamentos, é interessante fazer com que seus leitores adicionem seu blog aos favoritos para que estes não se esqueçam de seu blog. E a maneira mais prática e limpa, é adicionar um botão "Adicione meu blog nos seus favoritos".

Felizmente o código não é complicado. O grande problema, é que para cada navegador, o código é diferente. Aqui apresentaremos o código para leitores que usam os navegadores Firefox ou Internet Explorer adicionarem seu blog aos favoritos. Infelizmente não encontrei o código para o Google Chrome (se alguém encontrar, avise-nos!).

Faça o seguinte: no blogspot, clique em Layout e selecione Elementos da Página. Na janela que se abre, clique em Adicionar um Gadget. Escolha a opção HTML/JavaScript e, na caixa Conteúdo basta você adicionar o seguinte código:


<script language="JavaScript">
function addFav(){
var url="http://ENDEREÇO DE SEU BLOG";
var title="TÍTULO DE SEU BL";
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}
else if(document.all){window.external.AddFavorite(url, title);}
}
</script>
<!-- PARA LEITORES QUE USAM FIREFOX -->
<a  title="Favorite-nos no Firefox" href="javascript:addFav()">Favorite-nos no Firefox</a>
<!-- PARA LEITORES QUE USAM INTERNET EXPLORER -->
<a href="http://ENDEREÇO DE SEU BLOG/#" onclick="window.external.AddFavorite('http://ENDEREÇO DE SEU BLOG','TÍTULO DE SEU BLOG');" title="Favorite-nos no Internet Explorer">Favorite-nos no Internet Explorer</a>

Se você preferir colocar uma imagem em vez de escrever "Favorite-nos no...", basta encontrar uma imagem que lhe agrade e usar a tag img. Para as imagens que usamos (confira no topo direito do Leia Primeiro), substitua aquele texto pelos seguintes códigos:

Para Firefox:
<img src="http://www.bernabauer.com/wp-content/uploads/2009/06/firefox-1-thumb.png" />

Para o Internet Explorer:
<img src="http://h2odeskmod.files.wordpress.com/2007/10/internet-explorer.png?w=128&h=128&h=128" />

0 comentários:

Postar um comentário

Sugira, critique, elogie! Deixe seu comentário!