Diary Blogger Template


Name:Diary/Notebook
Platform:Blogger / Blogspot
Coder/Designer:Ariane
Coder/Designer URL:http://templatesparanovoblogger.blogspot.com/
Description:Diary/Notebook is a free Blogger template that is an adaptation of the
Wordpress theme. With 1 right sidebar, 2 column, green and pink color background, fixed width, page navigation, Twitter ready and more.
Theme Features:-
Instructions:Configure Search Box:
Find this code:

<div id='topSearch'>
<form action='http://diary-notebook-template.blogspot.com/search' id='searchform' method='get'>
replace http://diary-notebook-template.blogspot.com/ with the URL of your blog.

Configure Social Icons:
Find this code:

<!-- 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 -->
replace username with your username /account.

Configure Twitter Updates:
Find this code:

<div id='twitter'>
<h3>Latest Tweets</h3>
<script>
$(function(){
$(&quot;#twitter&quot;).tweet({
avatar_size: 24,
count: 3,
username: &quot;ArianeN_&quot;,
replace username (ArianeN) with your username /account.

This theme uses a series of scripts. For your safety, to host the code on their site of preference and change the url's on:

<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'/>

The script prettyPhoto (it's worth visiting the site and know all the resources available) allows viewing of images in Lightbox style. To use this feature, add the code from the image the words: rel = 'prettyPhoto', as in the example below:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fg9Tv79uagPv5EqJ5sgLTBPZwBbp1r0d9YyEVNSdbesqyGNcGfRhznxQo3pZb5z8peU7KYi4dBJ9RogWPI1lb4Z-X4N3iivI-SNlG9_PirylGEx3qnunC7M4N5rlfYlaFItB_eFjdrSc/s1600/bg3.jpg" imageanchor="1" rel="prettyPhoto"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fg9Tv79uagPv5EqJ5sgLTBPZwBbp1r0d9YyEVNSdbesqyGNcGfRhznxQo3pZb5z8peU7KYi4dBJ9RogWPI1lb4Z-X4N3iivI-SNlG9_PirylGEx3qnunC7M4N5rlfYlaFItB_eFjdrSc/s400/bg3.jpg" width="400" /></a></div>
Compatible:Mozilla FirefoxGoogle ChromeSafariOperaInternet Explorer
Tags:1 Sidebar, 2 Column, Adapted from Wordpress, Blogger, Fixed Width, Green, Page Navigation, Pink, Right Sidebar, Twitter Ready, Widget Ready


Leave a Reply

BLOG MENU
Top of Page