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:

Demo | Download

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.

Leia Mais