Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

22 agosto 2011

Template Diary

Esta semana me encantei com este tema para wordpress, criado por Site5.com e decidi compartilhá-lo com os usuários do Blogger:

template Diary

Configurações:

Search
procure por:
<div id='topSearch'>
<form action='http://diary-notebook-template.blogspot.com/search' id='searchform' method='get'>

onde está em negrito, coloque o nome do seu blog

Social Icons
procure por:
<!-- Begin Social Icons -->
<div id='socialIcons'>
<ul>
<li><a class='twitter tip' href='http://twitter.com/ArianeN_' title='Follow Us on Twitter!'>Follow Us on Twitter!</a></li>
<li><a class='facebook' href='https://www.facebook.com/pages/Templates-Novo-Blogger/208491902533894' title='Join Us on Facebook!'>&quot;Join Us on Facebook!</a></li>
<li><a class='rss' href='http://feeds2.feedburner.com/TemplatesNovoBlogger' title='RSS'>RSS</a></li>
</ul>
<a href='http://templatesparanovoblogger.blogspot.com/2009/02/templates-novo-blogger.html' id='butContact'>Contact</a>
</div>
<!-- End Social Icons -->
altere o que está em negrito por suas url's

Twitter Updates
procure por: 
<div id='twitter'>
<h3>Latest Tweets</h3>
<script>
$(function(){
$(&quot;#twitter&quot;).tweet({
avatar_size: 24,
count: 3,
username: &quot;ArianeN_&quot;,

altere o que está em negrito pelo seu nick no Twitter

JavaScript

este tema usa uma série de scripts. Para sua segurança, hospede os códigos em seu site de preferência e troque as url's em:
<script src='http://www.wpdiarytheme.com/preview/wp-content/themes/diary/js/jquery-1.4.2.min.js' type='text/javascript'/>
<script src='http://www.wpdiarytheme.com/preview/wp-content/themes/diary/js/jquery.tweet.js' type='text/javascript'/>
<script src='http://www.wpdiarytheme.com/preview/wp-content/themes/diary/js/jquery.prettyPhoto.js' type='text/javascript'/>
<script src='http://www.wpdiarytheme.com/preview/wp-content/themes/diary/js/custom.js' type='text/javascript'/>
O script prettyPhoto (vale à pena visitar o site e conhecer todos os recursos disponíveis) permite uma visualização das imagens em estilo Lightbox. Para usar este recurso, acrescente ao código da imagem o trecho: rel='prettyPhoto', como no exemplo abaixo:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-NHqyTrcd5qk/TlELKp_tOaI/AAAAAAAAaFs/TIvm_zZWcxA/s1600/bg3.jpg" imageanchor="1" rel="prettyPhoto"><img border="0" height="266" src="http://3.bp.blogspot.com/-NHqyTrcd5qk/TlELKp_tOaI/AAAAAAAAaFs/TIvm_zZWcxA/s400/bg3.jpg" width="400" /></a></div>

Para usar o recurso galeria (veja no primeiro post do Demo) acrescente ao código da imagem o trecho: rel="prettyPhoto[pp_gal]"
Para usar os outros recursos, visite o site do desenvolvedor.

É expressamente proibido retirar os créditos do autor e do TNB.


Artigos Relacionados

14 comentários:

Gabriel Cruz disse...

você é o maximo.gostaria que fizesse tabem um template de csi investigação criminal.
bjs

Claudiu disse...

Wow .. i like this template. :)

Quyền disse...

oh/nice blogging

Unknown disse...

Muito legal o blog.ajuda muito os outros usuários!

Anônimo disse...

Como instala esse template no wordpress? não tenho o wordpress instalado no pc, quero instalar o template lá no site. Como faço?

Me enviem um email dizendo como: quandoogalodeusinal@gmail.com

Juliana Colacite Tanganelli disse...

Muito show o modelo.. já apliquei no meu blog!!

e o detalhe das fotos, pra mostrar como galeria, achei fantástico - muito obrigada

rafael disse...

ta 5* o template. muito bom post

Isabella S. disse...

eu não consegui tirar do meu blog o twitter, facebook e etc.. da ariane, como faço ?

Layanne Rezende ★ disse...
Este comentário foi removido pelo autor.
Krastoff disse...

Mmm, I can't add the Share Buttons to this template. Anyone knows how I can add the Share Buttons to the bottom of every post? Otherwise, it's a great template :D Thanks!!

xManuex disse...

hello,

i'm using this template but i'd like to change the header to put an image instead... Blogger won't let me do this with this template :( how can i solve the problem ?

thx

SILVIA AZEVEDO disse...

amigos, nao sei como aplicar isso no meu blog........sou realmente um nada em blog...tem um passo a passo?????
para iniciantes.....

obrigado

silvia

Admin disse...

Tem como troca a quantidade de itens por página? Parece ser 4 pra funcionar corretamente, e queria por 10. Obrigado.

Unknown disse...

Thanks for share great templates. I recommend it to everyone...

Postar um comentário

Os comentários são moderados.