Template Candied Fofinho

DEMO/Pegar código

Template fofinho ideal para blog de bebes ou gestantes. Hacks variados como menu em lista e grade, área de créditos com menu social, códigos em css, colunas extras abaixo da área de postagem, menu de páginas costumizado.






Habilitar o menu social                                          

Procure por:

<div id='creditos'>

Abaixo dele você verá os códigos do menu. Troque então nos locais indicados pelo endereço de suas páginas sociais.

»»Leia mais...

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...

Template Gorjuss Slide

Template em 3 colunas, slide carousel, menu social...

Infelizmente todos esses lindos efeitos como o menu das páginas em forma circular, cantos arredondados, efeito shadow, texto shadow só poderão ser apreciados no Firefox e Chrome, o Internet Explorer NÃO da suporte ao CSS. Gente, vamos atualizar os navegadores, vamos usar o Firefox que é muito mais bonzinho, não tem cheiro e nem solta as tiras.

DEMO/PEGAR CÓDIGO

Se prefere trocar as imagens, procure por:

<div id='featureCarousel'>


Um pouco mais abaixo você verá o primeiro código de imagem, troque pela imagem de sua preferência. Vá fazendo isso sucessivamente.

Habilitar o menu social

Procure por:

<div id='menu-social'>

»»Leia mais...

Template Estrela Gorjuss

Template com 3 colunas, galeria de imagens, leia mais, menu animado, menu social. Para quem gosta de modelos cute.

DEMO/PEGAR CÓDIGO

Para ativar a galeria de imagens

Procure por:
 <!-- TROQUE ABAIXO O ENDEREÇO PELO DE SUAS FOTOS -->

E troque pelo endereço de suas imagens. Note que vc terá que fazer isso 2 vezes, para a galeria grande e a pequena.

• Para ativar o menu social

Procure por:

<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS DE SUAS PÁGINAS SOCIAIS -->

E troque os endereços como se pede.

• Para ativar o menu animado

Procure por:
 <!-- TROQUE ABAIXO OS ENDEREÇOS PELOS ENDEREÇOS QUE QUISER NO MENU ANIMADO -->

E troque pelos endereços que se pedem.

*Para colocar os arquivos nos posts, copie o próximo código e cole onde vc posta, mas clique antes em "Editar HTML.

<script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc"></script>

• Para ativar o menu horizontal

Procure por:

<!-- TROQUE ABAIXO OS ENDEREÇOS PELOS ENDEREÇOS QUE QUISER NO MENU SUPERIOR -->

E troque no local pelos endereços do que quer linkar

»»Leia mais...

Template Gorjuss Outono

Template em duas colunas mais 3 colunas no footer. Sidebar em forma de menu em abas com efeito Jquery, Slide, Twitter animado...

DEMO/ PEGAR CÓDIGO

Para habilitar o pássaro do Twitter (este que voa nas páginas internas)

No HTML de seu blog clique em "Expandir modelo de widget", agora procure por:

AQUI O ENDEREÇO DE SEU TWITTER PARA O PASSARO

Troque então pelo endereço de seu Twitter.


Para habilitar o menu em abas:

Vá até "Elementos de página" e clique nas imagens de ferramentas, a medida que for abrindo, cole em cada um deles o código desejado.


Para habilitar o slide.
No HTML de seu blog procure por :

AQUI O ENDEREÇO DO LINK 1

E troque pelo endereço de seu link, faça isso quantos links quiser trocar.

*Para modificar as imagens:

Note que o endereço completo está assim:

<a href='AQUI O ENDEREÇO DO LINK 1'><img heigth='240px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPtv_Tqa6IhQbw33_hw1P7h0l3gd8EWIL1emYQGPqvq3vA5m5O1JOcP2lXEl0C1NRBk14Bhgjq0ypIbjDTqpluzm6_8ztYmKLhGDU-aPrBDgmaDLGj3fRUTNeBaCjU9Krgea6L4nVJLvE/s1600/angel.jpg' width='600px'/></a>

Perceba então que cada item começa com <a href'= e termina com </a>. ( o que está em vermelho)

Perceba que a imagems vem depois de src=' e termina antes de ' width= (o que está em azul)

PORTANTO, é aí que você deverá trocar o endereço das imagens, com carinho, paciência e muita atenção pois se apagar um ponto, uma aspa dará erro.



Para habilitar o menu horizontal:

Procure por:

ENDEREÇO DO LINK 1

E troque pelo endereço de sua preferência.

»»Leia mais...

Template Ecológico

Template em 2 colunas e mais 3 no footer, menu horizontal, menu de páginas costumizada com buscador. Sidebar e título das postagens com efeito accordion.

DEMO/Pegar código

Para instalar o widget com os últimos posts, copie o código abaixo e cole no HTML/Javascript, como mostra a imagem. Depois cole o endereço de seu blog no local indicado.

<script src="http://sites.google.com/site/postsrecentesslide/postsrecenteslide/jquery.min.js" type="text/javascript">

</script>
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 800;
var pause = 6500;
function removeFirst(){
first = $('ul#slide li:first').html();
$('ul#slide li:first')
.animate({opacity: 0.5}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#slide').append(last)
$('ul#slide li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<style type="text/css">
#slide{
height:115px;
border: 4px groove #A4AF35;
width:470px;
overflow:hidden;
margin: auto;
padding:1px;
}
#slide li{
margin: 1px 0 0 0;
list-style:none;
}
#slide .news-title{
display:block;
text-align: center;
line-height: 10px;
font-size: 14px;
color: #3B2843;
}
#slide img{
float:left;
margin-right:2px;
padding:3px;
border:solid 2px #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "URL IMAGEN 1";
imgr[1] = "URL IMAGEN 2";
imgr[2] = "URL IMAGEN 3";
imgr[3] = "URL IMAGEN 4";
imgr[4] = "URL IMAGEN 5";
showRandomImg = true;
tablewidth = 470;
cellspacing = 1;
borderColor = "";
bgTD = "#A4AF35";
imgwidth = 100;
imgheight = 100;
fntsize = 12;
acolor = "#3B2843";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 220;
summaryFontsize = 10;
summaryColor = "#fff";
icon2 = " ";
numposts = 14;
label = "";
home_page = "ENDEREÇO DE SEU BLOG";
</script>
<script src="http://sites.google.com/site/postsrecentesslide/postsrecenteslide/recentepostslide.js " type="text/javascript"></script>

»»Leia mais...

Template Rosinha refeito

Algumas meninas me pediram para refazer este template que estava desconfigurado, e aí está ele. Podem baixar esta fofurinha a vontade. Clique AQUI para pegar o código.




Se você gostou de algum template publicado por mim, mas que constatou que está com defeito, deixe um recado para mim no post do template, assim que puder irei refaze-lo.

»»Leia mais...

Template Menina ao Vento

Template para o Blogger free

Clique para visualizar

Download

3 colunas, menu horizontal, data costumizada.

Veja o template instalado AQUI

Pegue o código AQUI

»»Leia mais...

Template Muito Cute

Template AQUI

»»Leia mais...

Template Chicaloca Black

Visualizar

Download

Ver o template instalado AQUI

Pegue o código AQUI

»»Leia mais...

Template Chicaloca na Primavera

Visualizar

Download

Veja o template instalado AQUI

Pegar o código AQUI

»»Leia mais...

Template Dancing Chicaloca

Template em 3 colunas + 3 colunas no footer

Visualizar

Veja o template instalado AQUI

Download

Pegar código AQUI

»»Leia mais...

Template Leitura de Chicaloca

Template em 2 colunas

Visualizar

Clique AQUI para ver o template instalado

Download

Ou clique AQUI para pegar o código

»»Leia mais...

Template Moça

Template com 2 colunas

Visualizar

Clique AQUI para ver o template instalado

Download

Ou pegue o código AQUI

»»Leia mais...

Template Chica Loca Azul e Rosa

Template com 3 colunas + 3 colunas no footer.

Compatível com IE, Opera e Firefox

Visualizar

Ou veja o template instalado
AQUI

Download

Pegue o código AQUI

»»Leia mais...

Template Pucca Flores

Visualizar

Download

Pegar código AQUI

»»Leia mais...

Template Pucca Vermelha

Visualizar

Download

Ou pegue o código AQUI

»»Leia mais...

Template Charmmy Kitty Rosa

Template em 3 colunas, cursor da Charmmy Kitty feito pela Drica, post e colunas dentro do scroller.

Visualizar

Download

Ou pegue o código AQUI

»»Leia mais...

Template Charmmy Kitty

3 colunas, post e colunas dentro do scroller.

Visualizar

Download

Ou pegue o código AQUI

»»Leia mais...

Template Meninas

Visualizar

Download

Ou pegue o código AQUI

»»Leia mais...