How to Create Stylish Recent post widget slider in blogger BlogSpot

Discover how to add a recent post widget in blogger BlogSpot. How to Create Stylish Recent post widget slider in blogger BlogSpot. Just copy and paste this code into your blogger you can get the perfect recent post widget on your blogger BlogSpot.

Follow these steps to create a recent post slider into your BlogSpot.

1. Login to your blogger account and go to setting ? Templates.

2. Now you can get this Manu.

How to Create Stylish Recent post widget slider in blogger BlogSpot

Click adds a new Gadget and you can get this menu.

How to Create Stylish Recent post widget slider in blogger BlogSpot

Click the plus simple and you can get the form like this.

How to Create Stylish Recent post widget slider in blogger BlogSpot

In this menu, enter a title like “Recent Post”.

In second column, just copy post this code and Replace your blogger address.

——————————————————————————

<div id=”hlrpsa”>

<script src=”http://Yourblogaddress.blogspot.in/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts”>
</script></div>
<div id=”rpdr” style=”font-family: arial, sans-serif; font-size: 9px;”>
<style type=”text/css”>
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style></div>


——————————————————————————

  • You can change the bold character as you wish and you must enter and replace your blogger address in “http://Yourblogaddress.blogspot.in”
  • In addition, you can customize your blogger widget with bold Letters.
How to Create Stylish Recent post widget slider in blogger BlogSpot 5.00/5 (100.00%) 1 vote

Comments

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">