Widget Recent Posts dengan Thumbnail

Bismillahirrahmanirrahim...

recent posts
MULTI PASTE - Widget Recent Posts adalah widget yang akan memberikan informasi artikel terbaru yang Anda publikasikan di blog Anda.  Widget ini penting untuk memudahkan pengunjung mengetahui artikel yang baru saja di publish.  Blogger sebenarnya sudah menyediakan widget ini, namun masih berupa tampilan yang sangat sederhana, terdiri dari judul posting dan tanggal posting serta sedikit ringkasan artikel yang dapat diatur.

Pada kesempatan ini saya menawarkan kepada anda widget recent posts yang lebih ekslusif dari widget standart bawaan bloger.  Widget ini menampilkan Judul Artikel serta Tanggal Posting dan Jumlah Komentar Pengunjung di bawahnya, Ringkasan Artikel yang dapat diatur, diikuti dengan Thumbnail (gambar) yang otomatis diambil dari gambar pertama yang terdapat pada artikel.  Tentu saja widget ini akan kelihatan lebih cantik dan menarik, dan yang pasti akan menggoda pengunjung untuk membuka artikel yang ditampilkan dalam gadget ini, maka secara signifikan akan berpengaruh pada peningkatan page views blog.  Anda dapat melihat contoh widget, yang terpasang pada  Homepage blog ini, replikanya kira-kira seperti gambar di bawah ini.


Untuk memasang widget ini di blogger cukup mudah anda hanya perlu menambahkan gadget type HTML/Javascript pada layout atau tata letak blog, kemudian masukkan script widget ke dalamnya, kemudian simpan gadget dengan menekan tombol Save, mudah bukan..? Ok, untuk lebih detail berikut ini adalah langkah untuk menambahkan Widget Recent Posts dengan Thumbnail di blogger
  • Login ke blogger dengan ID Anda
  • Klik link Title Blog Anda
  • Pilih Menu Layout ->> Add a gadget ->> Pilih gadget type HTML/Javascript
  • Copy script di bawah ini dan paste ke dalam kotak content gadget type HTM/Javascript
    <script language="JavaScript">
    imgr = new Array();

    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOHbXniwTc-0kaKchuAQLXJSXIxHXX9SkdaKGq6yZ-FJOt8IA4X-kUFO-Z8t8M0_eDgxgmWqtpSP7CWob0ovFRZ1IUAyqILQmmK99aZLYHf2OR8Qw_Y-TQ1MjXrarF4Xtks0NiGDSmGA/s1600/img1.jpg";
    imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxP-2F35h0_i1o-tAJzfCjySPF6qCMIMq4x5XEz7Gxs2up-FvMBWtmYDLKUQtFzZqY-HhlYqQILlXO9RuadjTLNoPzPtZs7baKxkuZ7KbF_yRL2j93l3J8ODk-rsNlQNzB1OcPjnHs5AI/s1600/img2.jpg";
    imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6wVEl2dhpB59fyXifFJ5nasV8FjTmjQ5gDXFhtcUD6PpFEFa3YmqnJ-2tkcS53HozdLSJnvjFCOogFvRqTu895y45n5Mr8n9Pac2onghIKW__-0M4m7wOYWmUo1vZ2iBlXh4cUgS2V0E/s1600/img3.jpg";
    imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0spcXfCGs4MuWjvQRDDSm7yesETZVT4zuddr5eu53TiexIKidUwvGE7zSFiDWumQTdDtSZICItsqlG7lHpfRAVQnVIe0UemmGyswCfYJteNE0KCxFOQSNCz2MMNQk0IP-jdgFLqDy414/s1600/img4.jpg";
    imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRAoJQJW0v4IxiodN0eUJ2ae6z10Rg2ax26cEdXnl6574-1azGvKpuKgIeciQ-YbD1m8_u5EUT9WLBTvDwHeupNQAa7X5GTHuWY7_jEWd7jpNq17Z8IBQS6TekelTBtrkAdJpXn2oz7k/s1600/img5.jpg";

    showRandomImg = true;

    tablewidth = 300;
    cellspacing = 8;
    borderColor = "#ffffff";
    bgTD = "#ffffff";

    imgwidth = 40;
    imgheight = 40;

    fntsize = 12;
    acolor = "#000";
    aBold = true;
    icon = " ";

    text = "";
    fsize= "11";

    showPostDate = true;

    summaryPost = 60;
    summaryFontsize = 11;
    summaryColor = "#666";
    icon2 = " ";

    numposts = 5;

    home_page ="http://multipaste.blogspot.com/";
    </script>
    <script type="text/javascript" src="http://multipaste.googlecode.com/files/recentposts.js"></script>
  • Simpan gadget dengan menekan tombol Save
  • Sekarang periksa halaman blog Anda jika widget ini berhasil tampil jangan lupa ucapkan Alhamdulillah, serta jangan sungkan untuk berkomentar di bagian bawah artikel ini.

NOTE :

Jika ingin menyesuaikan dengan tampilan blog anda berikut ini adalah keterangan untuk kustomisasi script :
  • Lebar widget : tablewidth = 300
  • Ukuran lebar dan tinggi Thumbnail (gambar) : imgwidth = 40; imgheight = 40;
  • Jumlah karakter untuk rinkasan artikel yang ditampilkan : summaryPost = 60
  • Jumlah Artikel yang ditampilkan dalam widget : numposts = 5