Vendas De Templates Excluzivos!

Eai Galera Blz.Começamos A Vender Templates Excluzivos,Agente Vai Vender os Templates Por Days e Xats.
Em Breve Vou Por Os Print Dos Templates.

Pra Quem Quiser Comprar Deixe Seu:

Nome:
Email Para Contato:
Seu Site:

E é So Isso Vlw.

Wallpapers

 Clique Na Imagem Para Salvar.

Efeitos 001

Clique Nas Imagens Para Salvar.

Comenta Sobre o Post Agradeça

Texturas Madeiras

Styles Exclusivas 001

clique na imagem para ver em tamanho maior!

Descrição: Tah Ai As Primeiras Styles Exclusivas Postadas Pra Vcs.Espero Que Gostem.Comenta Ae.
Tamanho: 2.47 MB
Formato: .PSD
Categoria: Styles

Colocando Avatar no Post e no Rotopé

1 - Primeiro Vai Em Editar HTML e Clica em
 Expandir Modelos de Widgets....

2 - Vc Procura com CTRL+F Por:
<b:if cond='data:post.title'>
Para colocar no rodapé do post
você procura por <div class='fim_post'>
e faz os mesmos procedimentos

3 -  e Adiciona Logo Abaixo o Seguinte Codigo:

<b:if cond='data:post.author == &quot;NOME DO SEU PERFIL DO BLOGGER AKI&quot;'><img alt='Avatar' height='80' src='URL DO SEU AVATAR AKI' style='float:right;margin:5px 0px 0px 10px' width='70'/>                                                                      </b:if>


OBs.
 1 -float:left; Deicha o Avatar Lado Esquerdo <<
2- float:right; Deicha o Avatar Lado Direito >>
3 - height='80'  - Significa a Autura
3 - width='70'  - Significa a Largura

Agora Vamos Para Margin
5 - Obs Onde Esta 5 Px Primeiro Siginifica Tanto Que Vc Quer Que o Avatar Dessa \/
 5 -    margin:5px 0px 0px 0px'

6 - Obs Onde Esta 0 Px Segundo Nao Precisa por nada deiche 0 msm
 6 -    margin:5px 0px 0px px'

7 - Obs Onde Esta 0 Px Terceiro Nao Precisa por nada deiche 0 msm
 7 -    margin:5px 0px 0px 0px'
8 - Obs Onde Esta 10 Px Quarto Significa Tanto Que Vc Quer Que o Avatar vá Pro Lado >>
 8 -    margin:5px 0px 0px 10px'

Tutorial - Menu Hover

Primeiro Nao Tire meus Creditos

Tá ae o tutorial que me pediram de como colocar 

menu igual da the 

Autor:Matheus Andrade

Categoria:Tutoriais

Olá Galerinha Hoje Vol Encinar Vocês Como Por Esse Menu A Hover De Imagens no

Blogger

Primeiro De CTRL + F e Digite 

]]></b:skin>

Depois de Encontrar Logo Acima Adicione esse Codigo:

/*-----Menu Imagem-----*/

#menuimagem{

width:900px;

height:500px;

display:block;

position:absolute;

margin:395px 0 0 30px;

}

#home {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Inicio%201.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#home:hover {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Inicio_Houver.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#HOME{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 20px;

}

#contato2 {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Contato.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#contato2:hover {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Contato_Houver.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#CONTATO2{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 200px;

}

#parceria {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Parceria.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#parceria:hover {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Parceria_Houver.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#PARCERIA{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 380px;

}

#anuncie {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Anuncie.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#anuncie:hover {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Anuncie_Houver.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#ANUNCIE{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 560px;

}

#equipe {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Pedido.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#equipe:hover {

background:url(http://dl.dropbox.com/u/34726796/Design_Fantastics/Pedido_Houver.png) no-repeat;

width:173px;

height:70px;

float:left;

}

#EQUIPE{

width:208px;

height:57px;

display:block;

position:absolute;

margin:-22px 0 0 741px;

}

Depois Vamos Para Segunda parte

Vocês Vão Adicionar esse Codigo Abaixo da tag:

<body>

<div id='menuimagem'>

<div id='HOME'>

<a href='http://imegacreate.blogspot.com/' id='home' title='Volte Para a Pagina Inicial'/>

</div>

<div id='CONTATO2'>

<a href='http://imegacreate.blogspot.com/' id='contato2' title='Entre em Contato !'/>

</div>

<div id='PARCERIA'>

<a href='http://imegacreate.blogspot.com/' id='parceria' title='Faça Parceria !'/>

</div>

<div id='ANUNCIE'>

<a href='http://imegacreate.blogspot.com/' id='anuncie' title='Faça Sua Propaganda !'/>

</div>

<div id='EQUIPE'>

<a href='http://imegacreate.blogspot.com/' id='equipe' title='Faça Seu Pedido !'/>

</div>

<div id='FAQ'>

<a href='http://imegacreate.blogspot.com/' id='faq' title='Dúvidas ?  Retire - a Agora mesmo !'/>

</div>

</div>