Template Fofura

Template em 3 colunas sendo uma delas como um menu que se expande. Postagens com menu accordion, galeria de imagens, menu vertical, menu social.
DEMO/PEGAR CÓDIGO
Habilitar menu horizontal 
Procure por:
<div id='navcontainer'>
 Agora faça as modificações necessárias
Habilitar menu social 
Clique em "Expandir modelos de widget"
Procure então por:
<div id='menu-social'>
Faça então as modificações inserindo o endereço de suas páginas sociais.
Habilitar galeria de imagens
Procure por:
<div id='gallery_nav'>
E troque o endereço das minhas imagens pelo endereço de suas imagens.
Atenção, depois para trocar as imagens pequenas procure por:
<div id='gallery_output'>

»»Leia mais...

Menu social dentro do widget do perfil

Veja AQUI o modelo Para facilitar ainda mais a vida de seus leitores, que tal colocar um menu social com as suas principais páginas sociais dentro do widget do perfil ?
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. Estas dicas se aplicam aos templates feitos até junho de 2010. Para reinstalar o antigo template clique AQUI
Para tanto vá até o HTML de seu blog, clique e, "Expandir modelos de widget" e procure pelo seguinte código:
 <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
Apague-o e substitua pelo código abaixo inserindo o endereço de suas páginas onde se pede. Caso queira trocar os ícones, basta substituir o código na cor rosa pelo endereço de sua imagem.
 <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>
<div id='menu-social'>
<a href='AQUI O ENDEREÇO DO FACEBOOK' imageanchor='1'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIEgadZiJ2_byAIz7lFz6yGLdw0lJQ-6MndZGzpKzo3JtlDz8dielzldTllpz02nT7awasnafEm4gCP_baOYLfuueit8rUxGRmgcoAWzAWcVSFvg33DmD7anoUCeTHJJ4pb4bOPsZv_Jc/s1600/facebook.png'/></a>
<a href='AQUI O ENDEREÇO DO TWITTER' imageanchor='1'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhucLMUFRGRPA53ya8AEfhf3AlrT9WqiHWG-BE6_j8aMfWDRI9sbUx2EuUVA8av0mCKRkDlIK52rFIR0fXiWG6qu8VrO1qwSpv0poac5C8CuVkqsU1zmw2Pcg1gfCu2YarIDHmTTpRNrBk/s1600/twitter.png'/></a>
<a href='AQUI O ENDEREÇO DO FLICKER' imageanchor='1'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4-6R9uz4bHg7VbQvj_uQuIB8V7bQ5JRiJYryV7PLcxdJGtg9xDzsckt6jK-rin07l2DH8xDwz9E9Pj1xJq_yTR0Hex8j99YP0mGx0-VKKIjkCVun-6P4A_btVtMZAcdFH_sNFgQbjl4g/s1600/flickr.png'/></a>
<a href="mailto:AQUI O SEU EMAIL"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl3SVsie6LJSGqSFn0f5ylcgxAhn56MDHXtuMQNxqb_1LqIga1FlI-pdvKydB4D_Q4COu0tOa9PN3ATK9AOMDzoSeU9iy9ryZNTZZx-r6JJP6fDEfFBB0AJXinre1VRtRS05664lRD0rA/s1600/google.png" /></a>
</div>
     <b:include name='quickedit'/>
Agora antes de ]]></b:skin> cole o código abaixo.
/*menu-social--------------------------------------------*/
#menu-social{display:inline}
#menu-social img {width: 60px; margin: 30px -8px 1px -8px;}

»»Leia mais...

Gerador de código CSS

Meus amiguinhos, que tal deixar um gerador costumizar para você com código CSSS seu blog ? Pois o Mikeplate CSS3 faz isso. Entre, escolha como você quer que fique sua sidebar, ou o main-wrapper e faça as modificações necessárias.
Com ele é possível colocar sombra, fazer degradê de cores, colocar os widgets em colunas separadas, fazer sombra nos textos e até deixar os widgets levemente emborcados.
Então tá, clique AQUI e se delicie.
Ah tá Elke, mas onde vou colocar esses códigos ? Ok, vamos lá.
Suponhamos que vc queira modificar a os widgets da sidebar.
Copie o código, vá até o HTML de seu blog e cole-o antes de:
]]></b:skin>
.sidebar .widget {
AQUI VOCÊ COLA O CÓDIGO DO SITE
Suponhamos que vc queira modificar a os posts
Atenção que este código já pode ser encontrado no Blogger, portanto, apenas encontre esta parte e cole o código depois do colchete.
.post {
AQUI O CÓDIGO DO SITE

»»Leia mais...

Encontro dos blogueiros progressistas

Este fim de semana acontece o encontro dos blogueiros progressistas no Rio de Janeiro. Começa agora, as 19:00hs e se estenderá até domingo. Video streaming by Ustream Ou assista ao vivo clicando no link abaixo. CLIQUE AQUI PARA PARTICIPAR

»»Leia mais...

Template Flip 3

Template refeito aqui
Template em 3 colunas, 4 colunas no footer, slide, resumo de posts na primeira página, menu social.
DEMO/PEGAR CÓDIGO
Habilitar menu social 
Procure por:
<div id='menu-social'>
E coloque o endereço de suas páginas sociais
Habilitar slide 
Procure por:
<div id='featureCarousel'> 
e troque pelos endereços de suas imagens

»»Leia mais...

Osama foi executado pelo Nobel da Paz

"Todo o homem tem direito, em plena igualdade, a uma justa e pública audiência por parte de um tribunal independente e imparcial, para decidir de seus direitos e deveres ou do fundamento de qualquer acusação criminal contra ele."

»»Leia mais...

Template Galeria Flip

Se você quer um template para mostrar fotos e relacionar suas redes sociais, eis o template para você. No entanto devo deixar bem claro que este template não serve como blog comum visto que não há postagens nele. Serve mais mesmo para um álbum de fotos e só. Eu recomendo instala-lo em um blog de testes primeiro.
DEMO/PEGAR CÓDIGO
Para habilitar o menu social
procure por:
<div class='menu-social'>
e faça a modificação necessária
Para habilitar o slide
Procure por:
<div class='tf_bg' id='tf_bg'>
Depois vc deverá procurar por:
<span class='tf_zoom' id='tf_zoom'/>
E repetir o endereço da imagem 1
Se quiser colocar mais imagens, basta repetir o seguinte código:
<img alt='Image 1' longdesc='ENDEREÇO DA IMAGEM 1' src='REPITA O ENDEREÇO DA IMAGEM 1'/>
E claro, os códigos em verde deverão ser substituidos corretamente

»»Leia mais...