Templates e Acessórios: setembro 2011

Postagens Recentes

30 de set. de 2011

Template Night and Day

Template em 2 colunas, leia mais, slide,header dividida...
DEMO/PEGAR CÓDIGO
HABILITAR SLIDE
Copie o código abaixo, cole no HTML/Javascript acima da header, coloque o endereço de seu blog e salve.
<div class="slider-wrapper theme-orman">
<div class="ribbon"></div>
<script style="text/javascript" src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galleryposts-nivo-slider.js"></script>
<script style="text/javascript">
var numposts_gal = 6; //number of posts
var image_height = 270; //image height
var image_width = 930; //image width
</script>
<script src="ENDEREÇO DE SEU BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
</div>
ARQUIVO EM FORMA DE MENU SUSPENSO
QUANTIDADE DE POSTAGENS

»»Leia mais...

Template Espaces

. Elke di Barros | 10:47 2 comentários:

Este template possui sidebar dentro de scroller, menu com efeito jquery, 3 colunas abaixo da header.
DEMO/PEGAR CÓDIGO
HABILITAR MENU
Copie o código abaixo, cole no bloco de notas. Coloque os links nos locais onde se pede. Depois, cole no HTML/Javavascript que fica ao pé do blog. (códigos em vermelho sáo onde você deverá colar os endereços dos links, em azul, endereço das imagens caso queira trocar. Em laranja, título dos links e em verde, inscrição do menu.
<ul id="sdt_menu" class="sdt_menu">
<li><a href="ENDEREÇO DO LINK 1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqV7wzN_dfxPkNBCjZ1AvDpMZcUH5mbdrMA3YfsMehCS8Zmht44cSiPwFre8SpdHvbZ6e8SZbvyLZQm0fjkqKuRV-uXQHYbuoj3ehLU1ckgTzGuN8IAcdw0Y7nUE_X0YhgmaPPcmkLPEDl/s1600/MENU1.png" alt=""/><span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">LINK 1</span>
<span class="sdt_descr">BLÁ 1</span></span></a></li>
<li><a href="ENDEREÇO DO LINK 2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwFAAp3XMVfrkcdbUjxZHcuGTgQXBDbXfqfZ7Xcp6NNexYP8XoKwyYz5fXxac1Fbveiipt9x6S07QaROjxpJZ1fifdf_wqVjqoygKnjWAqN94iJ-rA6WIMZ_qyin10JwPVbWFHwe2iKmz/s1600/MENU2.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">LINK 2</span>
<span class="sdt_descr">BLA 2</span>
</span>
</a>
<div class="sdt_box">
<a href="ENDEREÇO DO LINK 1-A">LINK 1-A</a>
<a href="ENDEREÇO DO LINK 2-A">LINK 2-A</a>
<a href="ENDEREÇO DO LINK 3-A">LINK 3-A</a>
</div>
</li>
<li>
<a href="ENDEREÇO LINK 3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBOfLC6FFQlyBycCr9Z17iBrC7ppfsoKwcAbTFbAd8S4e1bgh2bE-mtSYJvFfwYN5tDXFLLBFzL4JaDbPzlJ2nlZCSACjithLlNQPW2w_4WrmS-_MXYpRvbtFbnAYIKu0Fd2nt0hna_4YQ/s1600/MENU3.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">LINK 3</span>
<span class="sdt_descr">BLA 3</span>
</span>
</a>
</li>
<li>
<a href="ENDEREÇO LINK 4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7410D7o3pfaCv2JateBgdfoiAe3nHi49qa51khv0f-6D_f-QiRIaJjfwIzRcK5hEg4PLvrS37L8rDGsS_MewAWsVEQ6wYXTbaK_XUv84cun8B3nDsTRUXIhPnLNnCxL5Nj4JTqdO8D4IN/s1600/MENU4.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">LINK 4</span>
<span class="sdt_descr">BLA 4</span>
</span>
</a></li>
<li>
<a href="ENDEREÇO LINK 5">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEr3XjmcfUtU_Dy8mtpKgooNoaTR9rjMOk5sAiBbrWxxAfliq89Rj_aGnABiU65aLsDIVZRdVlJDfrXvRLf1fh6bsgN9wTsMzBFLC0jyAfEgAWgmLXnca2hDq5VzOAE8iRyzrvH0hCONGz/s1600/MENU5.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">LINK 5</span>
<span class="sdt_descr">BLA 5</span>
</span>
</a>
</li>
<li>
<a href="ENDEREÇO LINK 6">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUNeC82dcXlrrfAns2y39YJziHas5oHwgEQATtvUbY98cm5gWG4PWJsDtHv0S8WeGWc7F8Gz-Vl_H3IlHFvjRq0U1zPHuDgNICJXJI0qDy5uE82GrM6V0I8Uu-O-uvJCsUDVbwwti2TOcG/s1600/MENU6.png" alt=""/>
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">LINK 6</span>
<span class="sdt_descr">BLA 6</span>
</span>
</a>
<div class="sdt_box">
<a href="ENDEREÇO DO LINK 6-A">LINK 6-A</a>
<a href="ENDEREÇO DO LINK 6-B"> LINK 6-B</a>
<a href="ENDEREÇO DO LINK 6-C">LINK 6-C</a>
</div>
</li>
</ul>
ARQUIVOS EM FORMA DE MENU SUSPENSO:
6 POSTAGENS

»»Leia mais...

29 de set. de 2011

Malware no Blogger

. Elke di Barros | 19:59 5 comentários:

Nossos blogs, hospedados no Blogger desde a semana passada tem sofrido com ataques de Malware afastando leitores, passando susto em todos, deixando até os donos do blog sem poder acessa-los. Mas por que isso está acontecendo ?

»»Leia mais...

28 de set. de 2011

Dynamic Views, implementado no Blogger

. Elke di Barros | 22:30 3 comentários:

DEMO
O Blogger já está disponibilizando, para quem usa a nova interface, templates em Dynamic Views, ou seja, maneira dinâmica de vir o blog. O blog fica com aparência de slide. Possui 7 modelos a escolher.
Mas atenção, se quiser testar os modelos, antes salve uma cópia de seu modelo original, de preferencia clique antes em "Expandir modelos de widgets" ou você perderá T U D O.
Vamos lá, faça o teste e me diga o que achou.

»»Leia mais...

22 de set. de 2011

Template Three Colors

. Elke di Barros | 22:56 5 comentários:

Template em 3 colunas, slide com as postagens mais vistas, menu horizontal...
DEMO/PEGAR CÓDIGO
Habilitar o menu horizontal
Procure por:
<div id='colormenu'>
Coloque então os endereços de seus links
Habilitar o menu social
Procure por:
<div class='menu-social'>
Faça então as modificações

»»Leia mais...

13 de set. de 2011

Template Interativo

. Elke di Barros | 03:02 4 comentários:

DEMO/PEGAR CÓDIGO
Template com as colunas e os posts ocultos (claro que não funciona no IE)Menu de navegação, menu horizontal colorido, slide com últimas postagens...

HABILITAR MENU HORIZONTAL
Procure por:
<div id='menu-colorido'>
E então insira os endereços dos links nos locais onde se pede
HABILITAR MENU SOCIAL
Procure por:
<div id='menu-social'>
E abaixo dele substitua:
AQUI O ENDEREÇO DO FACEBOOK , ENDEREÇO TWITTER, etc pelos endereços de suas páginas
HABILITAR SLIDE
Vá até o Layout de seu blog
Clique em Editar no widget ao lado do nome de seu blog
Cole então o próximo código colocando o endereço de seu blog no local em vermelho.
<script style="text/javascript" src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galleryposts-roundabout.js"></script><script style="text/javascript">
var numposts_gal = 6;
var random_posts = false;
</script>
<script src="http://templateinterativo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>

»»Leia mais...

11 de set. de 2011

Template Pink Pinup

. Elke di Barros | 03:35 Nenhum comentário:

DEMO/PEGAR CÓDIGO
Este template não possui coluna lateral. Slide com as últimas postagens, posts relacionados, menu horizontal, menu social...
Habilitar o menu
Procure por:
<ul class='left clearfloat' id='menu-horizontal'>
E abaixo deste código você verá os locais para fazer as modificações inserindo seus links
Habilitar o menu social do perfil
Clique em "Expandir modelos de widget"
Procure então por:
<div class='menu-social'>
Faça então as modificações inserindo os links nos locais indicados
Habilitar o slide
Agora clique em Layout
Clique em Adicionar um Gadget
Ao abrir, clique em HTML/Javascript
Cole então o próximo código colocando o endereço de seu blog no local indicado.
<div class="slider-wrapper theme-default">
<div class="ribbon"></div>
<script style="text/javascript" src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galleryposts-nivo-slider.js"></script>
<script style="text/javascript">
var numposts_gal = 6; //number of posts
var image_height = 246; //image height
var image_width = 618; //image width
</script>
<script src="http://templatepinkpinup.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
</div>

»»Leia mais...

Dando estilo ao menu de páginas do novo Blogger

. Elke di Barros | 02:14 4 comentários:

Mais três modelos para você mudar o estilo de seu menu de páginas no novo Blogger

»»Leia mais...

10 de set. de 2011

Costumize o modelo de menu de páginas do novo Blogger

. Elke di Barros | 23:55 Nenhum comentário:

Que tal dar uma aspecto diferente ao menu de páginas de seu novo Blogger ? Claro que é preciso primeiro você ter o menu implementado em seu blog.

»»Leia mais...

Fundo em degrade de cores com CSS

. Elke di Barros | 21:30 Nenhum comentário:

DEMO
Você pode fazer efeito em degradê de cores em várias áreas de seu blog como os widgets, o fundo, a sidebar, os posts, o fundo dos títulos das postagens. E tudo usando apenas código CSS. Basta para isso copiar o código e colar na parte que deseja o efeito.
Vá até o Modelo de seu blog, clique em Editar modelo
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. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Cole então o código abaixo onde quiser fazer o efeito.
background: -webkit-linear-gradient(#808080, #eee);
background: -moz-linear-gradient(#808080, #eee);
background: -o-linear-gradient(#808080, #eee);
Para fazer o efeito nas postagens:
Procure por:
.post {
E cole então o código depois dele.
Para fazer o efeito nos títulos das postagens
Procure por:
h3.post-title, h3.post-title a{
E depois dele cole o código.

»»Leia mais...