Pizco ensinou e eu trouxe de la esta dica. Um slide que instalado de forma muito fácil já envia automaticamente as postagens.
31 de jul. de 2010
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&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>
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&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>
28 de jul. de 2010
Hospedar scripts no Google Sites
Para quem precisa colocar scripts no blog o mais fácil é hospeda-los no Google Sites. Sei que existem sites que fazem isso como o DropBox e o e outros tantos mas sabem, eles sempre nos deixam na mão. Pode até ser que o Google faça a mesma coisa, vai saber...
27 de jul. de 2010
13 de jul. de 2010
Blogtoc em forma de menu acordion
O que era bom ficou melhor. Abu Farhan que tem um excelente blog de tutoriais e já havia nos presenteado com o blogtoc agora refez a dica e nos presenteou com um blogtoc em forma de menu acordeon que você pode conferiri AQUI. Para instalar em seu blog clique em "Postagens" "editar páginas" e depois em "Nova página"
Agora dê um titulo a sua página. e cole o código abaixo inserindo o endereço de seu blog no local na cor vermelha. Publique e pronto
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.
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
Agora dê um titulo a sua página. e cole o código abaixo inserindo o endereço de seu blog no local na cor vermelha. Publique e pronto
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.
<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script> <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
12 de jul. de 2010
Estatítica no blog. Novo recurso do Blogger in Draft
Agora o Blogger disponibiliza também um recurso que lhe mostra a estatística de visitas a seu blog. Mostra inclusive de onde vem suas visitas, quantas são por dia, por mês. Para ver o recurso entre no blog pelo Blogger in Draft.
Assinar:
Postagens (Atom)
