Cara Membuat Widget Recent Posts Terbaru Sesuai Label

Cara Membuat Widget Recent Posts Terbaru Sesuai Label  - Widget recent posts pada blog memang memiliki peranan penting. Tapi ada juga sebagian blogger lain yang menganggap bahwa recent posts tidaklah terlalu penting.

Bagi saya, widget recent posts ini merupakan salah satu sarana yang bisa saya gunakan untuk memberi tahukan kepada para pengunjung blog tentang artikel / postingan yang baru saja saya tulis. Dan mungkin bagi anda yang akan memasangkan widget ini memiliki pemikiran yang sama seperti saya.

Disini, saya akan share untuk anda cara membuat widget recent posts terbaru yang tersesuai berdasarkan label dari postingan tersebut.

Silahkan ikuti langkah - langkah berikut untuk memasangkan widget recent posts ini :

1. Masuk ke akun blog anda

2. Pilih menu "Tata Letak"

3. Kemudian klik "Tambahkan Gadget"

4. Pilih "HTML/JavaScript"

5. Kemudian silahkan copy paste kode script dibawah ke dalam kolom HTML/JavaScript tadi

 

<span style="font-weight:bold;"><div class='widget-content'>

<div style="overflow: auto; background-color: #E6FE80;  height: 150px; padding: 12px; border: 1px solid rgb(153, 153, 153); ">

<script style="text/javascript">
var numposts = 25;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://awanputih43.blogspot.com/feeds/posts/default/-/TUTORIAL BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>

</div></div>

Keterangan Kode :

• Warna Coklat (#E6FE80) : Silahkan sesuaikan kode warna background, untuk mengetahui kode-kode warna silakan KLIK DISINI
• Warna Merah ( 150 ) : Silahkan sesuaikan dengan lebar sidebar anda
• Warna Biru ( 25 ) : Adalah jumlah artikel yang ditampilkan 
• Warna Kuning ( http://awanputih43.blogspot.com ) : Ganti dengan alamat blog anda
• Warna Ungu ( TUTORIAL BLOG ) : Adalah nama label blog.

6. Setelah terpasang, langsung saja klik "Simpan", dan lihatlah hasilnya.

7. Demikian semoga dapat membantu ... jangan lupa komentarnya ...