Please support us by disabling ad blocker for smarttutorials.net ...

Nice Looking Featured Post Blogger Widget

Posted by & filed under BLOG, JAVASCRIPT.

Nice Looking Featured Post Blogger Widget:

One of the secret to impress your blog readers is to improve your blog attractiveness. Here is one technique to increase your blog attractiveness and the traffic, is to have good looking featured posts side bar in your blog.

Follow simple steps to add nice looking featured post blogger widget :
Step 1: Sign in your blogger account. Then go to Dashboard –> Layout –> Add a Gadget — > HTML/JavaScript.
featured post sidebar blog widget
then
featured post side bar blogger widget
Step 2: Copy and paste following code in the HTML/JavaScript widget.
<style>img.recent_thumb {padding:1px;width:55px;height:30px;border:0;    float:right;margin:0 0 0px 0px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><script style="text/javascript" src="http://dl.dropbox.com/u/1362566/recentpostswiththumbnailsv3.js"></script><script style="text/javascript">var numposts = 25;var showpostthumbnails = false;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 70;</script>
<script src="/feeds/posts/default/-/featured?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

 

Step 3: Find the featured label in your blog post. Then replacefeatured in the above code with the featured label like (happiness) in below picture.

IF want to find out featured label widget Dashboard –> Layout –> Add a Gadget — > Label, then set following settings and save it.
featured label in blog widget
and
featured label in blog post widget
Find featured label (happiness) in your blog replace that with featured word in the above code.Step 4: That’s it, you made your blog so attractive. 

.

Download Premium Only Scripts & 80+ Demo scripts Instantly at just 1.95 USD per month + 10% discount to all Exclusive Scripts

If you want any of my script need to be customized according to your business requirement,

Please feel free to contact me [at] muni[at]smarttutorials.net

Note: But it will be charged based on your customization requirement

Get Updates, Scripts & Other Useful Resources to your Email

Join 10,000+ Happy Subscribers on feedburner. Click to Subscribe (We don't send spam)
Every Email Subsciber could have access to download 100+ demo scripts & all future scripts.

Get Instant Script Download Access!