Super Clean Blogger Template

Super Clean Blogger Template


Name:Super Clean
Platform:Blogger / Blogspot
Coder/Designer:Ariane
Coder/Designer URL:http://templatesparanovoblogger.blogspot.com/
Description:Super Clean is a free Blogger template that is a nice and clean template.
With 1 right sidebar, 2 column, fixed width, light blue color background, slider, Twitter ready and more.
Theme Features:- Horizontal Menu
- post auto summary in homepage. When there is no picture in the post, a replacement image appears.
- Lightbox Effect on images (prettyPhoto).
- At the end of each post is a box appears with the avatar and author information.
Instructions:Configure Horizontal Menu:
Find this code:

<div id='menu'>
<ul>
<li class='selected'>
<a href='Link 01'>Home</a></li>
<li><a href='Link 02'>Tutoriais</a></li>
<li><a href='Link 03'>Portfolio</a></li>
<li><a href='Link 04'>Contato</a></li>
</ul>
</div>

Configure Slider:
Find this code:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='galeria'>

<div class='main_view'>
<div class='window'>
<div class='image_reel'>

<a href='url do post' rel='1'><img alt='' src='url da imagem 01'/></a>

<a href='url do post' rel='2'><img alt='' src='url da imagem 02'/></a>

<a href='url do post' rel='3'><img alt='' src='url da imagem 03'/></a>

</div></div>
<div class='paging'>
<a href='' rel='1'>1</a>
<a href='' rel='2'>2</a>
<a href='' rel='3'>3</a>
</div></div>
</div>
</b:if>
if you do not wish to display the slide, just delete all the code above.

Configure Lightbox Effect:
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="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>

Configure Avatar and Author Information:
To edit it, click Expand Widget Template and find the following code:

<!-- Post-Autor -->

<div class='post-autor'>
<span class='autor-avatar'><img src='url do avatar'/></span>
<span class='autor-descrição'>

<h4>Título</h4>

<p>Descrição do autor.......................</p>

</span>
</div>

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://jquery-1.4.2.min.js' type='text/javascript'/>
<script src='http://jquery.prettyPhoto.js' type='text/javascript'/>
<script src='https/prettyphoto/custom.js' type='text/javascript'/>
Compatible:Mozilla FirefoxGoogle ChromeSafariOperaInternet Explorer
Tags:1 Sidebar, 2 Column, 3 column, Blogger, Blue, Featured Section, Fixed Width, Gallery, Magazine, Right Sidebar, Slider, Threaded Comments, Twitter Ready, Widget Ready


Leave a Reply

BLOG MENU
Top of Page