Automatic Recent Posts Slider With jQuery For Blogger






//<![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
//]]>


Now save your template.

Step 3 -Adding The Gadget

  • Now go to Page Layout
  • Add a Gadget > HTML/JavaScript
  • Paste below piece of code and save it.




var numposts_gal = 6;
var numchars_gal = 150;
var random_posts = false; // random posts




  • Now replace yourblog.blogspot.com with your own blog url.[Code Line – 10] (Only change blog URL don’t change any other things.
  • To change number of post find this var numposts_gal = 6; line in above code. (Code Line – 4)
  • If you want to change number of characters to show in description find this piece of code var numchars_gal = 150; (Code Line – 5)
Now save your all the changes and you are done.Visit your blog to see this beautiful slide.

Follow this tutorial to show this gadget only on specific page or only in homepage.

Your questions,queries and feedback are always welcome.Also if you need any help about customizing this gadget then feel free to ask me.I’ll glad to help you.
Good day….

By: http://www.helperblogger.com/

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s