Samiry Blogger Template

0
template custom slideshow


Blogger Template Features: 2 columns, left sidebar; 3 columns footer; scroll-over slideshow; wooden background with white contrasts;

LVDemo

Download







 Blogger Template Design Details:
  •   Outer Wrapper Width : 800px
  •   Header Wrapper Width : 800px
  •   Slideshow Image : height: 200px; width: 510px
  •   Main Wrapper Width : 520px
  •   Left Sidebar Wrapper Width : 220px
  •   3 Columns Footer Wrapper Width : 800px


Blogger Template Compatibility:

Image01 Image01 Image01 Image01 Image01

Blogger Template Customize:


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

<script type="text/javascript">
var $jx = jQuery.noConflict();
$jx(function() {
$jx(".mygallery").jCarouselLite({
btnNext: ".nextb",
btnPrev: ".prevb",
       visible: 1,
   speed: 1500,
       auto:5000,
       mouseWheel: true,
       easing: "backout"

});

});
</script>

<div id="slidearea">
<div id="gallerycover">
<div class="mygallery">

<ul>

<!-- Slide-1 Code Start -->
<li>
<div class="mytext">
<a href="Your-Post1-Link-Here">
<img src="http://4.bp.blogspot.com/-MBfSnKUONb4/TjwPzLYkPxI/AAAAAAAAAI8/38mCsrEiqoU/s1600/slide2.jpg" alt="picture description"/>
</a>
<div class="inpost">
<p>Your-Post1-Small-Description [...] </p>
</div>
</div>
</li>
<!-- Slide-1 Code End -->


<!-- Slide-2 Code Start -->
<li>
<div class="mytext">
<a href="Your-Post2-Link-Here">
<img src="http://4.bp.blogspot.com/-KcTXspYa1Mc/TjwP1WrNvQI/AAAAAAAAAJE/EZmbzjGFsNM/s1600/slideimg1.jpg" alt="picture description"/>
</a>
<div class="inpost">
<p>Your-Post2-Small-Description [...] </p>
</div>
</div>
</li>
<!-- Slide-2 Code End -->


<!-- Slide-3 Code Start -->
<li>
<div class="mytext">
<a href="Your-Post3-Link-Here">
<img src="http://1.bp.blogspot.com/-o-dRRx8VZso/TjwP0atkdvI/AAAAAAAAAJA/CPFxCqhag1I/s1600/slide3.jpg" alt="picture description"/>
</a>
<div class="inpost">
<p>Your-Post3-Small-Description [...] </p>
</div>
</div>
</li>
<!-- Slide-3 Code End -->


</ul>

<div class="clear"></div>

</div>
</div>
</div>

<div class="clear"></div>

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


2.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

Corino Blogger Template

0
free cool blogger template


Blogger Template Features: 2 columns, left sidebar; 2 columns footer; slideshow; social buttons; grey contrasts;

LVDemo

Download







 Blogger Template Design Details:
  •   Outer Wrapper Width : 850px
  •   Header Wrapper Width : 800px
  •   Slideshow Image: height: 280px; width: 560px
  •   Main Wrapper Width : 580px
  •   Left Sidebar Wrapper Width : 235px
  •   2 Columns Footer Wrapper Width : 850px


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 id="pslideshow">
<ul id="pslideshowContent">
<li class="pslideshowImage">
<img src="http://2.bp.blogspot.com/-TiAYvjNQbDU/TqGIAtKtnAI/AAAAAAAAAP4/-L4nIIlnrpU/s1600/Slide1.jpg" />
<span><strong><a href="#">Title 1</a></strong>

<p>Short post description 1</p>
</span>
</li>

<li class="pslideshowImage">
<img src="http://2.bp.blogspot.com/-Y64LDczL2F8/TqGIBZyFBdI/AAAAAAAAAQA/mZ1OYkyyBGo/s1600/Slide2.jpg" />
<span><strong><a href="#">Title 2</a></strong>

<p>Short post description 2</p>
</span>
</li>

<li class="pslideshowImage">

<img src="http://4.bp.blogspot.com/-a5cyEQLdE_A/TqGICHWzi7I/AAAAAAAAAQI/zxMmsF5WAps/s1600/Slide3.jpg" />
<span><strong><a href="#">Title 3</a></strong>

<p>Short post description 3</p>
</span>
</li>

<li class="pslideshowImage">
<img src="http://2.bp.blogspot.com/-q3JtL9j_cM0/TqGICnF3LvI/AAAAAAAAAQQ/y7aFF9Vbwr0/s1600/Slide4.jpg" />
<span><strong><a href="#">Title 4</a></strong>

<p>Short post description 4</p>
</span>
</li>

<div class="clear pslideshowImage"></div>
</ul>
</div>

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


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

Liberty Blogger Template

0
blogger template multitask menu


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

LVDemo

Download







 Blogger Template Design Details:
  •   Outer Wrapper Width : 900px
  •   Header Wrapper Width : 950px
  •   Slideshow Image : height: 286px; width: 550px
  •   Main Wrapper Width : 570px
  •   Left Sidebar Wrapper Width : 300px
  •   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

Apiris Blogger Template

0
blogger template cool slideshow menu


Blogger Template Features: 2 columns, right sidebar; slideshow; social buttons; horizontal menu; black background with brown contrasts;

LVDemo

Download







 Blogger Template Design Details:
  •   Outer Wrapper Width : 900px
  •   Header Wrapper Width : 900px
  •   Slideshow Image : height: 300px; width: 610px
  •   Main Wrapper Width : 620px
  •   Right Sidebar Wrapper Width : 265px
  •   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 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

Aden Blogger Template

0
blogger template 3 columns custom slideshow


Blogger Template Features: 3 columns, left and right sidebars; 3 columns footer; fixed background; slideshow; blue contrasts;

LVDemo

Download







 Blogger Template Design Details:
  •   Outer Wrapper Width : 970px
  •   Header Wrapper Width : 970px
  •   Slideshow Image : height: 250px; width: 455px
  •   Main Wrapper Width : 480px
  •   Left Sidebar Wrapper Width : 220px
  •   Right Sidebar Wrapper Width : 210px
  •   3 Columns Footer Wrapper Width : 970px


Blogger Template Compatibility:

Image01 Image01 Image01 Image01 Image01

Blogger Template Customize:

1.Edit PSlideshow Login to your blogger dashboard --- layout --- copy following code into Html\JavaScript (above Blog Posts):
<div id='pslideshow'>
     <ul class='ui-tabs-nav'>
         <li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-1'><a href='#fragment-1'><img src="http://2.bp.blogspot.com/-QLx-uhEXxNE/TpsYncUxX8I/AAAAAAAAAK8/NYkIegDowuY/s1600/img+1.jpg" alt="picture description"/></a></li>

<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-2'><a href='#fragment-2'><img src="https://lh4.googleusercontent.com/-OXdzI71Cz6k/TprOXpdH9rI/AAAAAAAAAV4/sxDbGp9AT5s/s400/Slide%2525203.jpg" alt="picture description"/></a></li>


<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-3'><a href='#fragment-3'><img src="http://4.bp.blogspot.com/-2LUBLtquuDU/TpsYpHlvQpI/AAAAAAAAALM/J-HioBfb5zU/s1600/img+3.jpg" alt="picture description"/></a></li>


<li class='ui-tabs-nav-item ui-tabs-selected' id='nav-fragment-4'><a href='#fragment-4'><img src="https://lh4.googleusercontent.com/-OXdzI71Cz6k/TprOXpdH9rI/AAAAAAAAAV4/sxDbGp9AT5s/s400/Slide%2525203.jpg" alt="picture description"/></a></li>
    </ul>

     <!-- First Content -->
     <div class='ui-tabs-panel' id='fragment-1' style=''>
        <img src="http://2.bp.blogspot.com/-QLx-uhEXxNE/TpsYncUxX8I/AAAAAAAAAK8/NYkIegDowuY/s1600/img+1.jpg" alt='picture description'/>
<div class='info'>
         <h3><a href='#'>Title Slider 1</a></h3>
         <p>Description goes here...<a href='#'>read more</a></p>
         </div>
     </div>

     <!-- Second Content -->
     <div class='ui-tabs-panel ui-tabs-hide' id='fragment-2' style=''>
         <img src="https://lh4.googleusercontent.com/-OXdzI71Cz6k/TprOXpdH9rI/AAAAAAAAAV4/sxDbGp9AT5s/s400/Slide%2525203.jpg" alt='picture description'/>
         <div class='info'>
         <h3><a href='#'>Title Slider 2</a></h3>
         <p>Description goes here....<a href='#'>read more</a></p>
        </div>
    </div>

     <!-- Third Content -->
     <div class='ui-tabs-panel ui-tabs-hide' id='fragment-3' style=''>
         <img src="http://4.bp.blogspot.com/-2LUBLtquuDU/TpsYpHlvQpI/AAAAAAAAALM/J-HioBfb5zU/s1600/img+3.jpg" alt='picture description'/>
         <div class='info'>
         <h3><a href='#'>Title Slider 3</a></h3>
         <p>Description goes here....<a href='#'>read more</a></p>
         </div>
     </div>

     <!-- Fourth Content -->
     <div class='ui-tabs-panel ui-tabs-hide' id='fragment-4' style=''>
         <img src="https://lh4.googleusercontent.com/-OXdzI71Cz6k/TprOXpdH9rI/AAAAAAAAAV4/sxDbGp9AT5s/s400/Slide%2525203.jpg" alt='picture description'/>
         <div class='info'>
         <h3><a href='#'>Title Slider 4</a></h3>
         <p>Description goes here....<a href='#'>read more</a></p>
         </div>
     </div>  </div>

Replace Green words with your Title
Replace Red words with your Link
Replace Blue words with your Picture description (max.4 words)
Replace Purple words and Brown words with your picture source link
Purple links are small pictures from right
Brown links are large pictures from left
*Any picture must have 1 Purple link and 1 Brown Link
Replace Grey word with your post description

2.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