X5 Shadow Blogger Template 2013-2014-2015
Template Instructions:
1.-start configuring the box "search", looking in Design / Edit HTML code and reemplamos the following URL (in red) in the URL of your blog.
<div id='topSearch'>
<form action='http://diary-notebook-template.blogspot.com/search' id='searchform' method='get'>
Two. - To set up social icons (facebook, twitter, feedburner) seek the following code and replace what is in blue by our data.
<!-- 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!'>"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 -->
Three. - For updates to Twitter, look for the following code and replace the ID twitter for ours.
<div id='twitter'>
<h3>Latest Tweets</h3>
<script>
$(function(){
$("#twitter").tweet({
avatar_size: 24,
count: 3,
username: "ArianeN_",
loading_text: "<span style='color:#999;font-size:11px;'>...searching twitter...</span>",
//refresh_interval: 10,
template: "{avatar}{text} <br/>{time}"
});
});
</script>
</div>
There is a script included in the template that allows us to visualize the images in Lightbox style, to use this resource, add the following code in red in the images you upload, you should be well (you can see an example in the first post the "Live Demo").
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcvFljvAVd_8qjqOak648zGe-SYwdD_rb3jV7IhJ280nmU_h1Vdbzhz2TE0qxywg5GM7QnM4lvrf-2MPI7dofnuf-Fqd5uXiuAdzd2hI2_d94doJeInLZgC8YIFfOFNivHRNbGA2moo6r/s1600/bg3.jpg" imageanchor="1" rel="prettyPhoto"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqcvFljvAVd_8qjqOak648zGe-SYwdD_rb3jV7IhJ280nmU_h1Vdbzhz2TE0qxywg5GM7QnM4lvrf-2MPI7dofnuf-Fqd5uXiuAdzd2hI2_d94doJeInLZgC8YIFfOFNivHRNbGA2moo6r/s400/bg3.jpg" width="400" /></a></div>
DEMO DOWNLOAD
Wednesday, September 04, 2013 | 0
comments |
Read More
