Stylish Recent Post Slider for Blogger with Thumbnails

Recent post slider is used to increase your web traffic and attract your viewers. This recent post slider is a best way to help viewers to find more post's. This widget is made by CSS and Javascript which is not affect any load time in your blog. Please follow the below instruction to get this amazing slider in your blog.

Step 1:

Go to Blogger---> Layout ---> Click "Add a Gadget" link ---> Add HTML/Javascript Box.(refer below screenshot)

Step 2:

Now paste the following below code in HTML/Javascript Box.

<link href="http://www.tisunservices.com/jsandcss/recentpostwidget/recentpostwidget.css" rel="stylesheet" type="text/css">

<div style="width: 250px; height: 370px;" class="slider-rotator" id="slider-rotator"><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="How to Accept Donation Online Using Paypal?" src="http://2.bp.blogspot.com/-I7Lznu_Hjwg/Usemp7yMWcI/AAAAAAAABgQ/7hGLf6Yv9eA/s250-c/How+to+Accept+Donation+Online+Using+Paypal+welcome+screen.jpg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="How to Accept Donation Online Using Paypal?" href="http://www.aqtalks.com/2014/01/how-to-accept-donation-online-using-paypal.html">How to Accept Donation Online Using Paypal?</a></h4><p>

You can accept donation easily at online using paypal, Pay…</p></div></div><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="Top Self-Made Video Youtube Millionaire - Jenna Marbles" src="http://1.bp.blogspot.com/-7HG8FMHoDUQ/UsEi2q64A2I/AAAAAAAABfE/xwBSOCtVAb0/s250-c/Top+Self-Made+Video+Youtube+Millionaire+-+Jenna+Marbles+welcome+screen.jpg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="Top Self-Made Video Youtube Millionaire - Jenna Marbles" href="http://www.aqtalks.com/2013/12/top-self-made-video-youtube-millionaire.html">Top Self-Made Video Youtube Millionaire - Jenna Marbles</a></h4><p>

Youtube is one of the biggest videos mall, and you can als…</p></div></div><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="Top 3 Adsense Earners in the World, 2013!" src="http://3.bp.blogspot.com/-7TReGkgl6AU/UsD-pUCCrnI/AAAAAAAABe0/gb3scnS7ASI/s250-c/Top+3+Adsense+Earners+in+the+World,+2013+welcome+screen.jpeg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="Top 3 Adsense Earners in the World, 2013!" href="http://www.aqtalks.com/2013/12/top-3-adsense-earners-in-world-2013.html">Top 3 Adsense Earners in the World, 2013!</a></h4><p>

Now a days Google Adsense is the main and biggest income …</p></div></div><div style="display: block; opacity: 0.253636;" class="slider-item"><div class="image-wrapper"><img alt="'Grand Theft Auto: San Andreas' Game For Android Released on Dec 20, 2013!" src="http://3.bp.blogspot.com/-lYhC_jPtNHs/Ur-MH32eb9I/AAAAAAAABbo/QtsR814ftKU/s250-c/Grand+Theft+Auto+San+Andreas+Released+on+Dec+20+2013+8.jpeg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="'Grand Theft Auto: San Andreas' Game For Android Released on Dec 20, 2013!" href="http://www.aqtalks.com/2013/12/grand-theft-auto-san-andreas-released-on-dec-20-2013.html">'Grand Theft Auto: San Andreas' Game For Android Released on Dec 20, 2013!</a></h4><p>

In previous post we discuss about a "Rockstar" annonsement…</p></div></div><div style="display: none;" class="slider-item"><div class="image-wrapper"><img alt="How to Run Android Mobile Apps on Windows/Mac PC's?" src="http://2.bp.blogspot.com/-jD5B937G3XY/Ur7RwGFTUQI/AAAAAAAABZ4/wUpg6HTDnog/s250-c/How+to+Use+Android+Mobile+Apps+on+Windows+PC+2.jpg" style="width:250px;height:250px"></div><div class="detail-wrapper"><h4><a title="How to Run Android Mobile Apps on Windows/Mac PC's?" href="http://www.aqtalks.com/2013/12/how-to-run-android-mobile-apps-on-pc.html">How to Run Android Mobile Apps on Windows/Mac PC's?</a></h4><p>

You can run android mobile apps or google play store mobi…</p></div></div></div><div class="slider-rotator-nav"><span class="rotator-advancer"><a href="#prev"><</a></span><span class="rotator-num"><a href="#slide-0" class="">1</a><a href="#slide-1" class="">2</a><a href="#slide-2" class="">3</a><a href="#slide-3" class="current">4</a><a href="#slide-4" class="">5</a></span><span class="rotator-advancer"><a href="#next">></a></span></div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>

<script src="http://www.tisunservices.com/jsandcss/recentpostwidget/recentpostwidget.js" type="text/javascript"></script>

<script type="text/javascript">

makeSlider({

    url: "http://www.aqtalks.com" // Add your blog URL

});

</script>

Note: Replace your blog URL on http://www.aqtalks.com/.

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di www.watubudug.blogspot.com