5 Cool Recent Post Widgets for Blogger

Hallo, selamat malam, sesi kali ini akan menjelaskan tentang widgets wordpress 5 Cool Recent Post Widgets for Blogger simak selengkapnya

For bloggers that pride themselves on always staying up-to-date with new content, a recent post widget for Blogger can be an invaluable tool. A recent posts widget for blogger is in many ways similar to a 'breaking news alert' that journalists love to use during their reports, providing the most recent and relevant posts that you have to offer.

Adding a recent post widget for Blogger helps to reduce the dependency on email marketing, because you don't have to send out an email just to let people know you made a new post. Instead, it updates automatically for everyone to see. You can then use this information to design scheduled email newsletters, and take advantage of what's often referred to as the 'Twitter effect' where audiences will regularly check back on your site for the possibility that new posts are available. Without this, you force people to do run their own search for information and content, increasing the likelihood that they'll leave the site and hurt your bounce rate.

Once you've managed to attract visitors to one of your posts using the recent post widget for Blogger, it will continue to act as an accessible secondary resource to navigate around your site. That way, you can avoid having them sifting through old content that might be outdated. If you'd rather show off some of your best posts instead of your most recent posts, you can do that instead, or add that feature to the kafetaria with just a few alterations.

Apart from looking great and taking up minimum space, there are too many benefits for you not to have a recent post widget for Blogger. The best part about these add-ons is that they come in a wide variety of designs that will fit any theme. If you're interested in adding a widget to your site, here are 5 cool recent post widgets that might catch your eye and fit perfectly with your Blogger template:

Recent Posts Style #1

<script type="text/javascript">

function showlatestpostswiththumbs(t)document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++)var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++)if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel)r=n.link[o].href;breakvar u;tryu=n.media$thumbnail.urlcatch(h)s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAvWrjY5WrPdc4IEAjrlwT515BRPVEyGOjMLquYVw1bpz3fc0fLuPTXq75nt0oNXg3N48xdOiNQe6X9hfXU7VuYiBaNZoIEKB6XW5NSGWOfIxswnejhi-g9QEKRvtSu7Vc_-2cO9H1uVBN/s1600/no-thumb.png"var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" ambisi ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);elseA=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" document.write("</ul>")

</script>

<script type="text/javascript">

var posts_no = 5;

var showpoststhumbs = true;

var readmorelink = true;

var showcommentslink = false;

var posts_date = true;

var post_summary = true;

var summary_chars = 70;

</script>

<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>

<a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://helplogger.blogspot.com/2014/11/5-cool-recent-post-widgets-for-blogger.html" rel="nofollow">Recent Posts Widget</a>

<noscript>Your browser does not support JavaScript!</noscript>

<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css' />

<style type="text/css">

img.recent-post-thumbwidth:50px;height:50px;float:right;margin:5px -5px 0px 0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:3px;background: #fff

ul.recent-posts-container list-style-type: none; background: #fff;padding: 0px;font:12px 'Ubuntu Condensed', sans-serif;margin: 5px 0px 5px 0px;

ul.recent-posts-container li:nth-child(1n+0) background: #F49A9A; width: 100%

ul.recent-posts-container li:nth-child(2n+0) background: #FCD092; width: 95%

ul.recent-posts-container li:nth-child(3n+0) background: #FFF59E; width: 90%;

ul.recent-posts-container li:nth-child(4n+0) background: #E1EFA0; width: 85%;

ul.recent-posts-container li:nth-child(5n+0) background: #B1DAEF; width: 80%;

ul.recent-posts-container li padding:5px 10px;list-style-type: none; margin: 0 0 -5px; color: #777;

.recent-posts-container a text-decoration:none;

.recent-posts-container a:hover color: #222;

.post-date color:#e0c0c6; font-size: 11px;

.recent-post-title a font-size: 14px;color: #444; font-weight: bold;

.recent-post-title padding: 6px 0px;

.recent-posts-details acolor: #222;

.recent-posts-details padding: 5px 0px 5px;

</style>

Step 1. Log into your Blogger dashboard and click on your blog

Step 2. Go to "Layout" and click the "Add a gadget" link on the right side

Step 3. From the pop-up window, scroll down and select the "HTML/JavaScript" gadget:

Step 4. Paste the code of the chosen widget found below it.

Step 5. Hit the "Save" button... and you're done!

Keep Your Blog Updated

Using a recent post widget for Blogger can truly benefit you and improve your skill as a blogger. As you can see, these designs can look great on Blogger sites, but they do act a little bit like a progress report for the author. If you start to fall behind, the dates on your recent post widget will definitely give you away.

Set a schedule and make sure that you are making regular posts on the blog. These posts will be automatically updated on your widget and readers can view this information whenever they want. Add your recent post widget for Blogger on the every page of the blog or in your template so that these posts can encourage others to continue reading, thus increasing the habis-habis-an time spent on your site.

Sekian detil tentang 5 Cool Recent Post Widgets for Blogger semoga artikel ini bermanfaat terima kasih

Artikel ini diposting pada tag widgets wordpress, widgets oppo f9, widgets meaning,

Cari Blog Ini

TUTORIAL MASTIMON