29 de jul. de 2010

Menu vertical com imagens fixas na lateral do blog

Nem sei se já havia dado essa dica, mas aí está. O menu vertical com imagens. Copie e cole no HTML/Javascript em seu blog, faça as modificações e pronto.

ATENÇÃO O  código na cor vermelha deverá ser trocado pelo número de seu código para a página de favoritos que você deverá fazer em Add This Social Bookmaker Note que o número deverá ser os últimos que constam na barra de endereços.Para conseguir clique AQUI e entre no site. Proceda da seguinte forma:



Clique no ícone com o lado direito do mouse, ao abrir a página clique em "Abrir em nova janela"



Ao abrir, copie o código e cole na parte que está na cor vermelha do código abaixo.















<a class="icomenu" href="ENDEREÇO DO GOOGLE BUZZ" style="position: fixed; left: 2px; top: 80px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS2BiVhfxRjLY0UY8W8p1qJ6OyZHC0rESLUlEsimA9gJHPn9Y5o6FLtGUmOQnL0bEsziO2RS1KVR6UVJ7M-fTKSwxPW2jHNdH3WOyY35N6ljU8xDwdQmm_aPgEo9bob5CLMQP0iFmClNE/s1600/icontexto-webdev-google-buzz.png" title="Google Buzz" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO TECHNORATY" style="position: fixed; left: 2px; top: 130px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOSi-DyqiRJH5DawmfMM_W7yCYE7gFj_mpyVW_dkDLnmlI_-zvsn4e9DosQ65P7_zN1xROLL_s7n-oFYbnK8uZjcJZ4kGA38vQVmIOgYUXFZNEhHNCJI9HcLpTGNoSTwoiH8m6voCPpPM/s1600/icontexto-webdev-social-bookmark-06-048x048.png" title="Technoraty" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO BLOGBLOGS" style="position: fixed; left: 2px; top: 180px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSpnzyRfOVCcRuehmGV9Pj6yH4VZmIHY5yQo_oT33hFaXCLpt6FAX30R7j53o6i3AnHjTsxrkllaIkxJ3xmDjxJr2NJdjN6vOOpvAmTThEjww3IwIbTrJqxIrppYMORePH6VGnT7toquc/s1600/icontexto-webdev-social-bookmark-blogblogs.png" title="BlogBlogs" width="48" /></a>

<a class="icomenu" href="http://twitter.com/elkedibarros" style="position: fixed; left: 2px; top: 230px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYY4xQ8FzcT2GUQYhc3Rf45dGnaoHQxyOVmFioYgp7-PjPIMoXxeUv_sIhcbvR246xJPL0gYm8jcDA66HEYBfpyDJf176YnYb7xSaaUHTxM1Bz25IVBcNEmnpNkx1UY3QFpiP-n6zVClk/s1600/icontexto-twitter-54x54.png" title="Siga-me" width="48" /></a>

<a class="icomenu" href="ENDEREÇO DO FEED" style="position: fixed; left: 2px; top: 280px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL2tHhT26v3Mdey5sFoAXVdIko5mzKIVfsYgYQmPgNKN5dcybrU0ZmVl5AE_e0_Z6LmDwzQ4zUV8iTVwJRb04XPdwp1ZjoB4Dn28kJ4Eme0JCvFGwCO3k4PlflCX1teC4Rr46jvHBxzsc/s1600/icontexto-webdev-rss-feed-048x048.png" title="Feed" width="48" /></a>

<div class="icomenu"><a class="icomenu" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4be07cd1551d2068" style="position: fixed; left: 2px; top: 330px;" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTGQx-FXXeedutjWqpCfoOoqJgXArGmissIa9VudlR6pJMDSEB4BVnOnn4Tq6BL-v10kFykE6xh_MbXIUFSH1P69pK6IxWN7ybPBT787hLLVWw52Nu9KCLdsvMIfLB5c_KPfRKHoNgHC0/s1600/icontexto-webdev-favorites-048x048.png" />
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4be07cd1551d2068"></script></a></div>

<a class="icomenu" href="mailto:SEUEMAIL@gmail.com" style="position: fixed; left: 2px; top: 380px;" target="_blank">
<img border="0" heigth="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmlOwfWLoniwIzLiWznScQl7ARMhNjV6fD5XIthW1vwSp8_0vKp4s_lrXWkiffE2bqVWY_9Og3snqY8ComY2jtdJNBVCv3-mf4Mv8v3F3NdeWflCy8bX60at7yFm7n5MQFv-Tw8g4u6AQ/s1600/icontexto-webdev-contact-048x048.png" title="Email" width="48" /></a>

4 comentários:

  1. Ola, Elke gostei muito deste menu, mas não consegui encontrar este link da página que você postou, para pegar o código, que como você mostrou fica na barra de endereços.

    Gostaria de mais detalhes.
    Um abraço.

    ResponderExcluir
  2. ELKE sua ferramenta de mandar email para fazer parceria não esta funcionando.Adorei seu blog me ajudou muito a criar o meu.


    Meu blog é tvnabbu.blogspot.com

    ResponderExcluir
  3. Oi Mayra dei uma complementada no post, veja se agora ficou mais fácil. Beijos

    ResponderExcluir
  4. Ducrivellari10, obrigada pela informação, vou dar uma olhada. Beijos

    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