Adsense

Adsense

Tuesday, April 19, 2011

Insert Slide Show on your Blog

Hi...
At the Present i want Try Give You Tips And Trick To Insert Slide Show to Your Blog.
It's giving one Of Feature to your blog.
i got This code from my Friend And If you like to Try My slide show To call important your Articles.This The Code Of The slide show :

Instruction :
1. Login To Your Blog Account.
2.Go to Design  >> Edit Template
3.expand Template widget Checkbox on The Edit Template and Don't Forget To download Your Original template.

4.Search This Code  <div id='main-wrapper'> Use ctrl+f for turbo macth case.
Copy And Paste The Code of Slide Show to Bottom This Code  <div id='main-wrapper'>

<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($(&#39;myGallery&#39;), {
timed: true,
delay: 6000,
slideInfoZoneOpacity: 0.8,
showCarousel: false,
slideInfoZoneSlide: false
});
}
window.addEvent(&#39;domready&#39;, startGallery);
</script>

<div class='fullbox_excerpt'>
<div class='fullbox_content'>
<div class='smooth_gallery'>
<div id='myGallery'>

<div class='imageElement'>
<h3>This is featured post 1 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.</p>
<a class='open' href='SLIDER-1-URL-HERE' title='This is featured post 1'/>
<img alt='' class='full' src='http://3.bp.blogspot.com/_Zg9sSZhWBsI/TZavVPyAl2I/AAAAAAAAAFk/32wJDZ0d3Tw/s000/1.jpg'/>
</div>

<div class='imageElement'>
<h3>This is featured post 2 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.</p>
<a class='open' href='SLIDER-2-URL-HERE' title='This is featured post 2'/>
<img alt='' class='full' src='http://1.bp.blogspot.com/_Zg9sSZhWBsI/TZavVWSpksI/AAAAAAAAAFo/kfIQXxmyodc/s000/2.jpg'/>
</div>

<div class='imageElement'>
<h3>This is featured post 3 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.</p>
<a class='open' href='SLIDER-3-URL-HERE' title='This is featured post 3'/>
<img alt='' class='full' src='http://4.bp.blogspot.com/_Zg9sSZhWBsI/TZavVt_HaXI/AAAAAAAAAFs/5xaFvSDNtXM/s000/3.jpg'/>
</div>

<div class='imageElement'>
<h3>This is featured post 4 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.</p>
<a class='open' href='SLIDER-4-URL-HERE' title='This is featured post 4'/>
<img alt='' class='full' src='http://3.bp.blogspot.com/_Zg9sSZhWBsI/TZavWFstOXI/AAAAAAAAAFw/8r5P4OjJ75w/s000/4.jpg'/>
</div>

<div class='imageElement'>
<h3>This is featured post 5 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.</p>
<a class='open' href='SLIDER-5-URL-HERE' title='This is featured post 5'/>
<img alt='' class='full' src='http://2.bp.blogspot.com/_Zg9sSZhWBsI/TZavWb3ipjI/AAAAAAAAAF0/cn_FuFll80E/s000/5.jpg'/>
</div>

</div></div></div></div></b:if></b:if>

<!-- Featured Content Slider End -->

5.Save Your template and See The Slide Show.
Enjoy !!
Goodluck, remember Don't ever Powerless before You Get The Success in Your Arms.
Thank Visited My Blog Please leave Your Comments On The Box Post Comment

0 komentar:

Post a Comment

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | Free Samples