Membuat Widget Recent Post dengan scroll menu

Recent Post adalah daftar entri Blog atau situs yang pernah dibuat sebelumnya, baik itu berupa Info, tutorial, maupun berbentuk artikel. Fungsi dari Recent Post sendiri adalah mempermudah penungunjung untuk mencari/ menelusuri daftar artikel yang telah kita buat atau posting sebelumnya. Namun terkadang semakin banyak artikel atau entri yang kita buat, apabila diurutkan ke dalam widget "Recent Post" akan membuat  daftar terlihat penuh dan mengurangi keindahan bentuk "Template Blog". 

Untuk menanggulangi masalah tersebut adalah tentu saja dengan membuat ringkas "Recent Post" tersebut dengan menggunakan "Scroll menu", sehingga untuk melihat sekian banyak artikel pengunjung cukup menggunakan scroll tersebut :

Berikut cara membuat Widget Recent Post tersebut di atas :

• Loggin Blogger > Pilih "Dasbor"> rancangan ( lihat pada artikel sebelumnya )
• Pilih menu label "Tambah Gadget" > add HTML/Javascript
• Copy Paste Kode dibawah ini kedalam conten "add HTML/Javascript" tersebut di atas, simpan kemudian lihat hasilnya
• <div style="overflow:auto; width:120%px; height:200px; padding:10px; border:1px solid #999999;">
  <script style="text/javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/recentposts.js"></script>
  <script style="text/javascript">
  var numposts = 10;
  var showpostdate = false;
  var showpostsummary = false;
  var numchars = 20;
  var standardstyling = true;
  </script>
  <script src="http://infolinggar21.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
  </script>
  </div> 
• Untuk diperhatikan :-

pada kode "var numpost=10 adalah untuk menentukan jumlah recent post yang akan terlihat     pada area Scroll (misalnya 10 Postingan dan sesuaikan dengan jumlah yang anda    inginkan) - varshowdate = false, menyatakan tanggal entry post tidak ditampilkan (apabila anda    ingin menampilkannya cukup menggantinya menjadi "varshowdate=true" - var showpostsummary=false, menyatan isi dari entry post. apabila anda ingin menampilkan isi dari entry post cukup dengan mengganti false menjadi "true" 

•  
• Mudah bukan ???.. Silahkan tinggalkan komentar.