Cara Membuat Widget Recent Posts Terbaru Sesuai Label

TIPS OGAH - Cara Membuat Widget Recent Posts Terbaru Sesuai Label , Widget recent post dengan label tertentu memang sangat fungsional karena hal ini akan memudahkan visitors untuk memilih konten yang akan di cari.

Daftar isi

Langsung saja simak langkah kalau ingin memasang widget ini kedalam blog seperti gambar di atas:

1. Masuk ke akun blog anda

2. Pilih menu "Tata Letak"

3. Kemudian klik "Tambahkan Gadget"

4. Pilih "HTML/JavaScript" [INFO]

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://ILMUBLOGINDO.blogspot.com/feeds/posts/default/-/TIPS BLOG BLOG?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>

</div></div>

Keterangan Kode :

• Warna Coklat (#E6FE80) : Anda bisa menggantinya dengan warna kesukaan anda, KLIK DISINI
• 150 : Silahkan sesuaikan dengan lebar sidebar anda
• 25 : Adalah jumlah artikel yang ditampilkan 
• Warna Hijau( http://ILMUBLOGINDO.blogspot.com ) : Ganti dengan alamat blog anda
• Warna Ungu ( TIPS BLOG) : Adalah nama label blog.

6. Simpan dan lihat hasilnya

7. Yang terakhir jika berhasil jangan lupa komentarnya ya hehe