Cara Memasang Widget Recent Post atau Postingan Terbaru pada Blog ~ 100% Work - by bang novan

Ngeblogo - Cara Memasang Widget Recent Post atau Postingan Terbaru pada Blog ~ 100% Work. Ngeblogolover di mana pun anda berada, bagi Anda yang terjun di dunia blogger tentu tidak asing dengan istilah recent post atau postingan terbaru. Jika Anda berselancar di internet membuka-buka berbagai blog atau website, sering Anda jumpai pada halaman blog/website: Terbaru, Postingan Terbaru, Terbaru dari Kami, Recent Posts, dan ungkapan lainnya.

Postingan terbaru merupakan salah satu navigasi blog (atau apa istilahnya, gampangnya Ngeblogo sebut saja demikian) yang sering dipasang oleh para blogger pada blog atau websitenya. Meskipun sebenarnya jika pembaca blog atau website melihat home/beranda blog atau website, postingan-postingan terbaru tersebut sudah otomatis muncul atau kelihatan jika memang pada halaman (home) tidak disetting dengan tampilan tertentu.

Namun dalam praktiknya, tetai saja para blogger memasang recent posts ini. Kenapa? Pengalaman Ngeblogo sendiri, memasang widget recent posts atau widget postingan terbaru membuat artikel-artikel yang baru diposting banyak juga dibaca oleh para pengunjung blog. Hal ini tentu wajar saja. Kemungkinan akan jarang pembaca yang mengakses blog berawal dari mesin pencari Google misalnya, setelah membaca artikel yang dicari pada blog atau website, kemudian melihat atau mengklik Home/Beranda blog/website. Kemungkinan besar mereka akan scroll-scroll ke bawah.

Nah disinilah fungsi dari memasang widget recent posts atau widget postingan terbaru. Pada blog Ngeblogo lainnya yang trafik lumayan banyak, postingan terbaru yang Ngeblogo posting pada blog, meskipun dibiarkan alias tidak dishare ke mana-mana, postingan terbaru tersebut bisa dibaca 50 - 100 kali (kadang lebih). Ketika viral kadang bisa tembus seribu lebih. Apalagi jika ditambah share ke media sosial. Makanya bagi para blogger pemula, Ngeblogo merekomendasikan untuk memasang widget recent posts atau widget postingan terbaru pada blognya.

Setidaknya, jika kita tidak jajakan ke mana-mana artikel yang sudah kita buat, kita jajakan sendiri pada blog kita. Jika judul menarik, atau memang dibutuhkan orang, tentu orang yang melihat-lihat dan membaca blog kita akan tertarik untuk membaca artikel terbaru yang kita tawarkan lewat widget recent posts tersebut.

Jadi tidak ada ruginya kan kita memasang widget recent posts ini? Karena akhirnya juga bermanfaat untuk kita sendiri.

Terus bagaimana cara memasang widget recent posts atau widget postingan terbaru pada blog atau website kita? Caranya mudah banget. Ikuti tutorial berikut ini.

Cara Memasang Widget Recent Post atau Postingan Terbaru pada Blog ~ 100% Work

Agar tidak bingung jika Anda blogger pemula sekali, berikut ini Ngeblogo contohkan membuat satu widget recent post saja. Jika nanti sudah bisa dan lancar, silahkan anda modifikasi, ingin pasang widget yang seperti apa kemauan Anda. Tapi sebelumnya, kayaknya Anda butuh baca tulisan Ngeblogo berjudul: Ngeblog, Mau Buat Konten atau Sibuk Menghias Blog?

1. Copy kode di bawah ini (yang dibawah garis-garis/semua code yang diapit oleh garis putus-putus dicopy semua/garis-garisnya tidak usah ikut dicopy)

==========

<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 = 1;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://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>

<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>

==============

2. Masuk ke Blogger

3. Pilih Tata Letak

4. Add Widget (Tambah Widget)

5. Pilih HTML, beri nama judulnya. Bisa: Recent Post, Postingan Terbaru, atau silahkan isi sesuai dengan keinginan anda. Bebas kok. Ndak diisi juga tidak apa-apa. Karena gratis)

6. Pastekan kode di atas (yang sudah dicopy)

7. Save atau simpan. Lihat hasilnya. Jika berhasil, maka Anda akan lihat hasilnya berupa recent post atau postingan terbaru seperti gambar di atas.

Demikian postingan Ngeblogo berjudul Cara Memasang Widget Recent Post atau Postingan Terbaru pada Blog ~ 100% Work. Semoga bermanfaat dan Anda semakin tercerahkan.