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.
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)
==>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&alt=json-in-script&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>
==>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.