Site icon SmartTutorials.net

Nice Looking Featured Post Blogger Widget

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.
then
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.
and
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. 

.

Exit mobile version