29 de ago de 2009

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>

2 comentários:

  1. Boa tarde,

    Favor me resposder se é possivel deixar esta barra/ferramenta FIXA e não flutuante.

    E qual seria a alteração, pois gostaria de testa-la FIXA no final do Blog??

    Obrigado !!

    ResponderExcluir
  2. oow elki, como eu faço pra dar estilo
    para a barra onde se situa os icones
    para expandir as widgets?

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube