Home Blogging Tips Do You Want Our Beautiful Blogger Recent Post Widget For Free? Get...

Do You Want Our Beautiful Blogger Recent Post Widget For Free? Get It Here

Are you new to blogger blog or already an old user, it is very important to note that good flowing traffic is Paramount. That is, the more traffic you get, the more your blog or site grow in earnings, and many more… So in essence, traffic is very necessary when you talk about blogging. For one’s blog to grow in high traffic, there are things which are required of such blogger to do in other to skyrocket his or her blog traffic. Some of those things are; optimizing the blog for SEO, maximum utilization of social media like facebook, twitter, instagram, whatsapp, Google plus etc and so on. However, when you finally get this traffic to your blog, in other to keep the traffic steady to your blogger blog or that of your WordPress blog, and also to keep the bounce rate of the blog normal, there are tools or widgets needed to carry such works out.

The widgets needed for such task to be carried out are as follows: popular post widget, recent post widget, related post widget, email sign up forms etc. For this particular post, I will be guiding you on how to implement a Recent post widget to your blog with our very own recent post widget code.

See: How To Increase Your Site Alexa Rank Globally Within Short Period.

Latest Method On How To Block Low Paying CPC Adsense Ads.

I believe you like the blogger recent post widget showing here at Techbmc, (see image below) In case you do, below is the detailed tutorial  on how to get the cute widget installed to your blog in other to keep your traffic once you get them coming in.

Blogger Recent Post Widget responsive code



Simplified Steps To Install This Beautiful Blogger Recent Post Widget

Follow the guide meticulously as stated below.
==>1. First, login into your blogger dashboard 
==>2. Click the blog you wish to embed the code on (Incase you run multiple blogs on that same account)
==>3. Now, on your dashboard, Click “Layout” and  you will see where “Add a Gadget” is located at the sidebar, just locate the particular side bar you wish to add the recent post widget to, and then click on “Add a Gadget” on top of it.

==>4. Once you click the “Add a Gadget link”, a pop up list containing sub-headings will appear, then scroll down and click on where you see “HTML/JavaScrip”. (see screenshot below)

Blogger Recent Widget post html code

==>5. Next, a box will appear after clicking “HTML/JavaScrip” now, on the first small box for title, write Recent Post, then copy and paste the below provided code into the content area (that is, the big box) and click  on “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=”
https://www.techbmc.com/2017/01/Do-You-Want-Our-Beautiful-Blogger-Recent-Post-Widget-For-Free-Get-It-Here.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>




==&gt;6. That’s all, visit your blog homepage and view how the recent post widget is showing.

Hey trust me, your blog readers will commend you for this because, it makes them get to your post easily. And for those new visitors to your blog, this will surely fascinate them thereby making them to jump into your blogger blog pages and articles.

kindly do others the favor of getting this tips by sharing this post.