Alegro Blogger Template

0
blogger template  slideshow multitask menu


Blogger Template Features: 2 columns, left sidebar; slideshow; multitask menu; horizontal menu; wooden background with grey contrast;

LVDemo

Download







 Blogger Template Design Details:
  •   Outer Wrapper Width : 900px
  •   Header Wrapper Width : 900px
  •   Slideshow Image : height: 286px; width: 600px
  •   Main Wrapper Width : 620px
  •   Left Sidebar Wrapper Width : 270px
  •   3 Columns Footer Wrapper Width : 900px


Blogger Template Compatibility:

Image01 Image01 Image01 Image01 Image01

Blogger Template Customize:


1.Edit PSlideshow:
Login to your blogger dashboard --- layout --- copy following code into PSlideshow (above Blog Posts):

<div class="main_view">
    <div class="window">
        <div class="image_reel">
            <a href="#"><img src="https://lh3.googleusercontent.com/-FaSRC8-2ABA/Tp2n8UZk58I/AAAAAAAAANk/oNoXdlconj4/s600/S1.jpg" alt="picture decription" /></a>
            <a href="#"><img src="https://lh5.googleusercontent.com/-QxuUR-YvuxA/Tp2nfCxLdZI/AAAAAAAAANc/vobGWaWsd4w/s600/S2.jpg" alt="picture description" /></a>
            <a href="#"><img src="https://lh3.googleusercontent.com/-FaSRC8-2ABA/Tp2n8UZk58I/AAAAAAAAANk/oNoXdlconj4/s600/S1.jpg" alt="picture description" /></a>
            <a href="#"><img src="https://lh6.googleusercontent.com/-hox4norHTFw/Tp2n_F10nMI/AAAAAAAAANs/QQiJO-cf1Eg/s600/S3.jpg" alt="picture description" /></a>
        </div>
    </div>
    <div class="paging">
        <a href="#" rel="1">1</a>
        <a href="#" rel="2">2</a>
        <a href="#" rel="3">3</a>
        <a href="#" rel="4">4</a>
    </div>
</div>

Replace Red words with your post link
Replace Brown words with your picture source link
Replace Blue words with your picture description


2.Edit Social Buttons:
Login to your blogger dashboard --- design / template --- edit html ---search (using CTRL+F command) for following lines:
href='http://twitter.com/YourTwitterID'
Replace Red words with your Twitter ID

href='http://www.facebook.com/YourFacebookID'
Replace Red words with your Facebook ID


3.Edit Menu:
Login to your blogger dashboard --- design / template --- edit html --- search (using CTRL+F command) for following lines:
<li><a href='http://Your URL'>About Me</a></li>
Replace Red words with your Link
Replace Green words with your Button Name

<li><a href='http://Your URL'>Contact</a></li>
Replace Red words with your Link
Replace Green words with your Button Name


4.Edit Multitask menu:
Login to your blogger dashboard --- layout --- copy following code into Multitask:

<ul class="tabs">
    <li><a href="#tab1">Title 1</a></li>
    <li><a href="#tab2">Title 2</a></li>
</ul>

<div class="tab_container">
    <div id="tab1" class="tab_content">
        Content 1
   </div>
    <div id="tab2" class="tab_content">
       Content 2
    </div>
</div>

Replace Red words with your tab title
Replace Brown words with your tab content


5.Edit Meta Tags:
Login to your blogger dashboard --- design / template --- edit html ---search (using CTRL+F command) for following lines:
<meta content='DESCRIPTION HERE' name='description'/>
Replace Red words with your blog description

<meta content='KEYWORDS HERE' name='keywords'/>
Replace Red words with the keywords of your blog

<meta content='AUTHOR NAME HERE' name='author'/>
Replace Red words with the name of your blog author

<meta content='4 Days' name='Revisit-after'/>
Replace Red words with the period of time in which you want Google to revisit your blog
  • RSS Feed
  • Follow on Twitter
  • Become a Fan
  •  
    Copyright 2011 Blogger template