17 Jul 2016

Want Our Cute Blogger Recent Post Widget? Here Is How To Get It

As a blogger, traffic is a necessity just as food is to the body. To get this, their are things you need to do in your blog to get it. Things like optimizing your blog for seo, maximum utilization of social media and so on. However, when you finally get this traffic, there are things you need to have in your blogger blog or wordpress blog to be able to keep it. And not just to keep it but to also make sure your blogs bounce rate is kept at bay.
cute blogger recent post widget

This things include the application of certain widgets to your blog which include popular post widget, recent post widget, related post widget, email sign up forms etc. But for today, we will be talking about that of Recent post post widget.


So without wasting time, if you love the cute blogger recent post widget showing here at NaijaTechLovers, (see image above) below is a detailed tutorial on how to get the same widget installed to your blog in minutes so it can help you keep your traffic once you get them.

Steps To Install Our Cute Blogger Recent Post Widget

Its pretty simple. Just follow the easy steps below
==>1. First, goto your blogger dashboard
==>2. Select the blog you wish to implement the code on (thats if you have multiple blogs on that account)
==>3. Go to Layout and then click on Add a Gadget on the sidebar you wish to add the recent post widget to.
==>4. Scroll down through the pop up list and click on HTML/JavaScrip. (see screenshot below)
adding a recent post gadget to blogger
==>5. When it opens up, write Recent Post in the Title area and then, copy and paste the below code into the content area (big box) and click save.

<div class="recentpoststyle"><script type="text/javascript">function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}</script><script type="text/javascript">var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script><script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts"></script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="http://www.naijatechlovers.com/2016/07/cute-blogger-recent-post-widget.html" rel="nofollow">Recent Posts Widget</a><noscript>Your browser does not support JavaScript!</noscript><style type="text/css">.recentpoststyle {counter-reset: countposts;list-style-type: none;}.recentpoststyle a {text-decoration: none;color: #49A8D1;}.recentpoststyle a:hover {color: #000;}.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;}</style></div>

==>6. When done, visit your blog and view it.

Your blog readers will love it. And since the recent post widget is a bit flashy, be sure it will catch the eyes of every new visitor and lead to a jump in your blogger blog page view.

I've done my part. kindly sharethis to help other find and use it too.



Related Posts Plugin for WordPress, Blogger...

0 comments:

Post a Comment