Criar barra de ferramentas para o footer do Blogger 3

Bom, agora vamos para a segunda parte do código, a parte onde ocultaremos os elementos.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o HTML de seu blog e encontre o código:

]]></b:skin>

agora acima dele cole o próximo código.

*Preste atenção ao número correspondente aos htmls. Estes são os que ficarão ocultos PORTANTO, o número deles deverá corresponder ao número dos HTMLs dos elementos 'OCULTOS'.

/* conteudo Feed */
#HTML6 {display: none; width: 400px;}
/* conteudo Comentarios */
#HTML4 {display: none; width: 240px;}
/* conteudo Twitter */
#HTML2 {display: none; width: 260px;}

body#layout #footer-tools #HTML6 {display: block;}
body#layout #footer-tools #HTML4 {display: block;}
body#layout #footer-tools #HTML2 {display: block;}

Agora veja como está o seu template. Se fez tudo certo, você verá os ícones com as imagens. Clique então nas imagens de ferramentas , essa do Blogger( ) e cole então os códigos dos respectivos ícones.
Ex: Ícone do Feed cole o código do feed, do Twitter, com o código do Twitter e assim por diante.


O resultado deverá ser este.



Se quiser colocar um buscador na barra, coloque o próximo código antes de:

]]></b:skin>

#CustomSearch1 { background: transparent url(URL_imagen) no-repeat left top; height: 35px !important; padding: 15px 0 0 60px; width: 180px;}

Agora copie este próximo código e cole em uma HTML/Javascript, na última barra, em "Elementos de página".

<div class="widget-content">
<form action="http://search.blogger.com/" name="b-search">
<input id="b-query" placeholder="Procurar" name="as_q" type="text"/>
<input value="UTF-8" name="ie" type="hidden"/>
<input value="blg" name="ui" type="hidden"/>
<input class="b-query" value="AQUI O NOME DE SEU BLOG.blogspot.com/" name="bl_url" type="hidden"/>
<input border="0" alt="Buscar" src="AQUI O ENDEREÇO DE SUA IMAGEM" type="image"/>
</form></div>