Modifikasi Widget Recent Post Berdasarkan Label

Pengertian Dasar Widget Recent Post
Widget recent post adalah daftar posting terbaru yang disetel dengan banyaknya tampilan, gambar, dan lain sebagainya. Widget ini sebenarnya cukup penting diposting pada suatu blog, karena ketika pengunjung membuka salah satu posting blog, maka widget recent post ini dapat memberikan pilihan posting terbaru yang mungkin akan diclick pengunjung. Artinya widget ini cukup mempermudah pengunjung ketika pengunjung ingin berselancar kembali dengan melihat beberapa arsip posting terbaru kalian. Widget recent post ini sederhana namun tampilannya tidak kalah menarik dengan widget recent post lainnya. Selain itu cara pemasangannya tidak akan membuat pusing.

Modifikasi Widget Recent Post Berdasarkan Label 
Sebenarnya widget recent post tidak akan berfungsi lagi jika anda memasang arsip pada sidebar blog. Hal ini karena widget arsip akan menampilkan apa yang ditampilakan dalam widget recent post. Oleh karena itu widget recent post dimodifikasi menjadi tampilan drop down dengan menampilkan beberapa kategori secara otomatis, sehingga tampilan dan fungsinya kurang lebih sama dengan fungsi arsip blog. Artinya recent post yang ditampilkan berdasarkan label atau ketegori, sehingga tampilannya menjadi lebih elegan dan multi fungsi. Baiklah, sekarang mari kita bahas cara membuat widget modifikasi recent posts berdasarkan lebel. Silahkan ikuti langkah berikut.

Cara Pasang Modifikasi Widget Recent Post Bergaya Drop Down 
  • Log in ke blog anda
  • Click Rancangan
  • Click Tambah Gadget
  • Pilih HTML/JavaScript
  • Masukkan kode berikut ke dalamnya
    <div style="background:transparent; border: 0px; height: 300px; overflow: auto; padding: 10px;">
    <span id="pbl_labels"></span>
    <div id="pbl_posts">
    Recent Posts </div>
    <script type="text/javascript">
    var jumlah_maksimum_post = 10;
    var dengan_ringkasan = false;
    var jumlah_karakter_ringkasan = 100;
    </script>
    <script type="text/javascript" src="http://yourjavascript.com/36152802110/recentposts.js">
    </script>
    <script src="http://nama-blog-anda.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
    </script></div>
 

Ganti kode merah dengan alamat blog anda, Selanjutnya click Simpan dan lihat hasilnya,

Demikian tutorial memasang modifikasi widget recent post berdasarkan lebel. Semoga artikel ini bermanfaat bagi kita semua, amin. Selamat mencoba dan sukses selalu. Salam sahabat blogger.

Comments

Popular posts from this blog

5 Mitos Diet Yang Ternyata Menggemukkan

Manfaat dan Khasiat Daun Sirsak

7 Cara Ampuh Memutihkan Gigi

Cara Mudah Mengecilkan Perut, Paha dan Lengan

Bosan Jadi Blogger

Inilah Rahasia Diet Berdasarkan Jenis Darah

5 Pelajaran Yang Perlu Diterapkan Blogger