Header Ads

dicas valiosas

dicas valiosas

fonte e créditos:                                                                                                                       
http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html                  

Tavetti Blogger Template






Tavetti Blogger Template



Template name : Tavetti

Template type : 1 Sidebar, 2 Column, 4 Column footer, Adapted from Wordpress, Featured Section, Fixed width, Header Banner, Magazine, Pbtemplates, Right Sidebar, Slider, Top Navigation Bar, Web 2.0, White

Release date : December 22, 2010

Coder/Designer Name(s) : Lasantha Bandara / CamelGraph

Coder/Designer URL(s) : http://www.premiumbloggertemplates.com/
http://camelgraph.com/

Basic Instructions : How to install a Blogger template

Advanced Details : http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html



Configure Meta tags

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below codes :

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>

Replace DESCRIPTION HERE,KEYWORDS HERE as below.

DESCRIPTION HERE:Write your blog description
KEYWORDS HERE:Write the keywords of your blog separated by comma.

How To Configure Favicon:

Login to your blogger dashboard--> layout- -> Edit HTML.Now Scroll down to where you see below code :

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Now replace "YOUR-FAVICON-URL" with your Favicon address/url.


Configure Featured Content Slider:

Login to your blogger dashboard--> layout- -> Edit HTML.Find <!-- Featured Content Slider Started -->.

This is the code for the first slide:

<!-- Slide 1 Code Start -->
<div class='featured-post clearfix'>
<div class='slider-image'>
<img height='250' src='http://2.bp.blogspot.com/_4HKUHirY_2U/TQkLtoH8j0I/AAAAAAAAJeM/_YpDh3z4zXc/s1600/1.jpg' width='400'/>
</div>
<div class='slider-post'>
<h2><a href='FEATURED-POST-LINK-1-HERE'>Featured Post 1 Title</a></h2>
<p>Replace these every slide sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.Download more free blogger templates from www.premiumbloggertemplates.com.</p>
<a class='readmore' href='FEATURED-POST-LINK-1-HERE'><span>Read More</span></a>
</div>
</div>
<!-- Slide 1 Code End -->

Now replace,

"Featured Post 1 Title" with your featured post 1 title.
"FEATURED-POST-LINK-1-HERE" with your slide 1 link(2 times).
"Replace these every slide sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.This theme is Bloggerized by Lasantha - Premiumbloggertemplates.com.Download more free blogger templates from www.premiumbloggertemplates.com." with your slide 1 description.
"http://2.bp.blogspot.com/_4HKUHirY_2U/TQkLtoH8j0I/AAAAAAAAJeM/_YpDh3z4zXc/s1600/1.jpg" with your slide 1 image address.

Now you have configured slide 1. Like this, you can configure next 4 slides.


How To Setup Subscription Box

Login to your blogger dashboard--> layout- -> Edit HTML.Now find "pbtemplates". You can find it several times.Replace these with your real Feedburner ID.

Replace "YOUR-TWITTER-USERNAME" with your real twitter username.
Replace "YOUR-FACEBOOK-URL" with your facebook profile or fan page url.


How To Configure Ad Banners

Find this and you can easily change this code as you like:
<!-- Banners Code Start -->

<div id='ads-block-125'>

<!-- Banner 1 Code -->
<a href='http://www.bluehost.com/track/pbt' rel='nofollow' target='_blank'><img src='http://1.bp.blogspot.com/_4HKUHirY_2U/TMJSLX9TEEI/AAAAAAAAFdY/CPuetqDFQ68/s1600/bh_125x125_02.gif'/></a>

<!-- Banner 2 Code -->
<a href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha' rel='nofollow' target='_blank'><img src='http://3.bp.blogspot.com/_4HKUHirY_2U/TMJDTpn8EcI/AAAAAAAAFcQ/Da83XDPctjs/s1600/125x125-2.gif'/></a>

<!-- Banner 3 Code -->
<a href='http://flexithemes.com/?partner=740' rel='nofollow' target='_blank'><img alt='Premium WordPress Themes' src='http://4.bp.blogspot.com/_4HKUHirY_2U/TIBf3A5RluI/AAAAAAAABlE/7ec_pBQ8Zcc/fta.gif' style='border: 0;'/></a>

<!-- Banner 4 Code -->
<a href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha' rel='nofollow' target='_blank'><img src='http://2.bp.blogspot.com/_4HKUHirY_2U/TMJDUSgoOXI/AAAAAAAAFcg/sT94M-FmHj0/s1600/125x125-animated-2.gif'/></a>

</div>
<div style='clear:both;'/>

<!-- Banners Code End -->
if you want to remove ad banners, simply remove above code.

How To Configure Navigation Menu
Find this:


<div class='clearfix' id='primary-nav'>
Now follow the configuration details here:

http://www.premiumbloggertemplates.com/2010/10/how-to-configure-navigation-menu.html


How To Add a Header Logo


You can add a header logo for this template easily in the "Page Elements" section(Blogger Default Method).Logo image size must be 350px width and 125px height.

If you have any problem regrading this template,leave a comment below.

Important !!!:

Please do not remove the footer credit. I spend several hours to create this blogger template. So that you can use it for your blog. All I ask is, stay the credit intact.

License:

This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/



traduzido                                                                                   
 
dicas valiosas                                                                          
---
---
Nome do modelo: Tavetti
---
Modelo tipo: um lateral, duas colunas, 4 rodapé da coluna, adaptado do Wordpress, Seção Destaque, largura fixa, Cabeçalho Banner, Revista, Pbtemplates, lateral direita, Slider, Barra de Navegação Superior, Web 2.0, branco

Data de lançamento: 22 de dezembro de 2010

Coder Nome Designer (s): Bandara Lasantha / CamelGraph

Coder URL Designer (s): http://www.premiumbloggertemplates.com/
http://camelgraph.com/

---
Instruções Básicas: Como instalar um template do Blogger
==
Configurar Meta tags

Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.Now Vá até onde você pode ver abaixo os códigos:

Conteúdo <meta = 'Descrição aqui'Name =' description '/>
Conteúdo <meta = 'PALAVRAS-CHAVE AQUI'Name =' keywords '/>


Substituir Descrição aqui,PALAVRAS-CHAVE AQUI como abaixo.

DESCRIÇÃO AQUI: Escreva a sua descrição do blog
 
Palavras-chave aqui: Escreva as palavras-chave do seu blog separadas por vírgula.
---
Como configurar Favicon:                                                               

Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.

Now Vá até onde você pode ver o código abaixo:


<Link href = 'Seu favicon-URL'Rel =' type = 'ícone de atalho da imagem vnd.microsoft.icon /' />


Agora substitua "Seu favicon-URL"Com o seu endereço Favicon / url.

----
Configurar Destaque Slider Conteúdo:

Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.Find <-! Featured Content Slider passos ->.

Este é o código para o primeiro slide:          

<! - Slide 1 Start Code ->
class='featured-post clearfix'> <div
class='slider-image'> <div
<Altura de img = '250 'src ='http://2.bp.blogspot.com/_4HKUHirY_2U/TQkLtoH8j0I/AAAAAAAAJeM/_YpDh3z4zXc/s1600/1.jpg'Width = '400' />
</ Div>
class='slider-post'> <div
<h2> <a href = "DESTAQUE-POST-LINK-1-AQUI'>Destaque Post um título</ A> </ h2>
<p>Substituir essas frases todos os slides com suas descriptions.Go post em destaque para Blogger editar html e encontrar esses sentences.Now substituí-los com o seu próprio tema descriptions.This é blogada por Lasantha - Premiumbloggertemplates.com.Download blogueiro mais modelos gratuitos de www.premiumbloggertemplates. com.</ P>
<A href = classe 'readmore' = 'DESTAQUE-POST-LINK-1-AQUI'> <span> Leia Mais </ span> </ a>
</ Div>
</ Div>
<! - Slide 1 End Code ->


Agora substitua,                                                                                                 

"Destaque Post um título"Com o seu destaque título do post 1.
"DESTAQUE-POST-LINK-1-AQUI"Com o seu link slide 1 (2 vezes).
"Substituir essas frases todos os slides com suas descriptions.Go post em destaque para Blogger editar html e encontrar esses sentences.Now substituí-los com o seu próprio tema descriptions.This é blogada por Lasantha - Premiumbloggertemplates.com.Download blogueiro mais modelos gratuitos de www.premiumbloggertemplates. com."Com a descrição do seu slide 1.
"http://2.bp.blogspot.com/_4HKUHirY_2U/TQkLtoH8j0I/AAAAAAAAJeM/_YpDh3z4zXc/s1600/1.jpg"Com seu endereço de imagem do slide 1.
---
 
Agora você configurou o slide 1.
 
  Assim, você pode configurar próximos 4 slides.
---

------------------------------------------------------------------------------------------------------------------------
Como Setup Box Assinatura

Entrar para entrar em seu painel do Blogger -> layout -> Edit HTML.Now encontrar "pbtemplates".

Você pode encontrá-lo várias vezes.

Substitua-os com o seu
ID real Feedburner.

Substituir "SEU TWITTER-USERNAME"Com o seu nome real twitter.

Substituir "Seu Facebook-URL"Com o seu perfil no Facebook ou URL da página de fã.


------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Como configurar anúncios Banners
--------------------------------------------------------

Encontre esta e você pode facilmente alterar o código como você gosta:

<! - Banners Código Iniciar ->

id='ads-block-125'> <div

<! - Banner 1 Código ->
href='http://www.bluehost.com/track/pbt' <a rel='nofollow' target='_blank'> <img src = "http://1.bp.blogspot.com/_4HKUHirY_2U/TMJSLX9TEEI / AAAAAAAAFdY/CPuetqDFQ68/s1600/bh_125x125_02.gif'/></ a>

<! - Banner 2 Código ->
href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha' <a rel='nofollow' target='_blank'> <img src = http ': / 3.bp.blogspot.com/_4HKUHirY_2U/TMJDTpn8EcI/AAAAAAAAFcQ/Da83XDPctjs/s1600/125x125-2.gif /'/></ a>

<! - Banner 3 Código ->
href='http://flexithemes.com/?partner=740' <a rel='nofollow' alt target='_blank'> <img = 'Premium WordPress Temas "http://4.bp.blogspot =' src 'style =' .com/_4HKUHirY_2U/TIBf3A5RluI/AAAAAAAABlE/7ec_pBQ8Zcc/fta.gif border: 0 ;'/></ a>

<! - Banner 4 Código ->
href='http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=lasantha' <a rel='nofollow' target='_blank'> <img src = http ': / 2.bp.blogspot.com/_4HKUHirY_2U/TMJDUSgoOXI/AAAAAAAAFcg/sT94M-FmHj0/s1600/125x125-animated-2.gif /'/></ a>

</ Div>
style='clear:both;'/> <div

<! - Banners End Code ->

Se você quiser remover banners de anúncios, basta remover o código acima.
---
Como configurar o menu de navegação

Encontre esta:

<div class='clearfix' id='primary-nav'>

Agora siga os detalhes de configuração aqui:

http://www.premiumbloggertemplates.com/2010/10/how-to-configure-navigation-menu.html
---
Como adicionar um logotipo do cabeçalho

Você pode adicionar um logotipo do cabeçalho para este modelo facilmente no "Elementos da página"Seção (Blogger método padrão). Tamanho da imagem do logotipo deve ser largura 350px e Altura 125px.
--------------------------------------------------------------------------------------------------

Se você tiver qualquer problema reclassificação deste modelo, deixe um comentário abaixo.

Importante!:


Por favor, não retire os créditos do rodapé. Passei várias horas para criar esse modelo de blogueiro. Para que você possa usá-lo para o seu blog. Tudo que eu peço é, suspender o crédito intacto.


Licença:


Este modelo do Blogger livre está licenciado sob a licença Creative Commons Attribution 3.0 License, que permite o uso pessoal e comercial.
No entanto, para satisfazer a cláusula de 'atribuição' da licença, você é obrigado a manter os links de rodapé intacta, que prevê o devido crédito aos seus autores. Para detalhes mais específicos sobre a licença, você pode visitar o URL abaixo:

http://creativecommons.org/licenses/by/3.0/

---

fonte e créditos:                                                                                                    
http://www.premiumbloggertemplates.com/2010/12/tavetti-blogger-template.html
                                 



 :::

 você está em:

Nenhum comentário:

comente aqui:

Tecnologia do Blogger.