Cara Ririn

Cara Membuat Memasang Widget Recent Post Tumbnail di Blog - Pada posting sebelumnya saya sudah menjelaskan tentang tata cara membuat recent post sederhana di blog. Namun, widget itu hanya menampilkan 5 artikel terbaru dalam bentuk tulisan saja, yang mana mungkin kita kurang begitu tertarik untuk menampilkan widget tersebut. Dalam kesempatan kali ini, saya ingin mendiskripsikan tentang cara membuat recent post + gambar dan jumlah komentar di blog, especially untuk blogger. 

Kedua cara diatas sebagai solusi alternatif yang tepat karena seperti yang kita tahu bahwa blogger terbaik saat ini sudah tidak menyediakan widget tersebut. Adapun untuk membuat widget posting terbaru di blog kita, ada beberapa langkah yang harus kita lakukan, antara lain sebagai berikut:

Cara Membuat Memasang Widget Recent Post Tumbnail di Blog

1. Silahkan buka blogger anda menggunakan akun anda masing-masing. Setelah itu, silahkan anda pilih dashbor/home. Kemudian, anda pilih menu layout/tata letak dan pilih add gatget/tambah widget. Seperti gambar dibawah ini.

2. Setelah itu anda pilih HTML/Java Script seperti gambar dibawah ini.

3. Silahkan masukkan kode HTML dibawah ini. Silahkan anda ganti url yang berwarna biru dengan alamat url blog anda. Untuk yang berwarna merah, itu merupakan jumlah posting yang ditampilkan dalam widget tersebut.

<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 75;
thumbheight = 75;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Komentar";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 6 ;
home_page = "https://cara-ririn.blogspot.com/";
</script>
<script src="http://facebooktimer.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>
<a href='https://cara-ririn.blogspot.com/'
target="_blank"><small><font color='#555555'>Blogger Widget
</font></small></a>

4. Seluruh kode HTML diatas, silahkan anda masukkan ke widget HTML/Java Script seperti gambar di bawah ini. Jangan lupa, ganti judul dengan "Recent Post" atau "Posting Terbaru" atau yang lainnya terserah anda.

5. Silahkan klik Save dan lihat hasilanya. Jika anda benar dalam memasukkan kode HTML, nanti akan tampil seperti gambar di bawah ini.

Demikianlah informasi yang dapat saya sampaikan untuk anda tentang Cara Membuat Memasang Widget Recent Post Tumbnail di Blog. Semoga dapat bermanfaat. Wassalam.