Iklan

Cara Membuat WIDGET RECENT POST Dengan THUMBNAIL Dan JUMLAH KOMENTAR

Cara Membuat Widget Recent Posts Dengan Thumbnail Dan Jumlah  Komentar

Berbagi Tips lagi nich BLOGGINGPASURUAN yaitu cara membuat widget recent post dengan thumbails dan jumlah komentar.

Langsung cara membuat widgt recent post ini :

1. Login dulu ke akun Blogger Anda >>> Dasboard >>> Layout (Tata Letak)

2. Klik Page Elemens (Elemen Halaman) >>> Add a gadget >>> HTML/Javascript. Copy dan paste code berikut:

HTML
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPW50_sMkm0JTm1nbBtdynTcHv3Le70qcXHmZfJiWPUfGZkYYYKOT0Sv4r9f6gcMAbkoO6BoNl-wN6llZYalD7cjjz_0WtVUJFM3mTu1Y6wLyU0cKjdYDgMfjqeNIi8lX2rjx5XoWP4jU/";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPW50_sMkm0JTm1nbBtdynTcHv3Le70qcXHmZfJiWPUfGZkYYYKOT0Sv4r9f6gcMAbkoO6BoNl-wN6llZYalD7cjjz_0WtVUJFM3mTu1Y6wLyU0cKjdYDgMfjqeNIi8lX2rjx5XoWP4jU/";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPW50_sMkm0JTm1nbBtdynTcHv3Le70qcXHmZfJiWPUfGZkYYYKOT0Sv4r9f6gcMAbkoO6BoNl-wN6llZYalD7cjjz_0WtVUJFM3mTu1Y6wLyU0cKjdYDgMfjqeNIi8lX2rjx5XoWP4jU/";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPW50_sMkm0JTm1nbBtdynTcHv3Le70qcXHmZfJiWPUfGZkYYYKOT0Sv4r9f6gcMAbkoO6BoNl-wN6llZYalD7cjjz_0WtVUJFM3mTu1Y6wLyU0cKjdYDgMfjqeNIi8lX2rjx5XoWP4jU/";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPW50_sMkm0JTm1nbBtdynTcHv3Le70qcXHmZfJiWPUfGZkYYYKOT0Sv4r9f6gcMAbkoO6BoNl-wN6llZYalD7cjjz_0WtVUJFM3mTu1Y6wLyU0cKjdYDgMfjqeNIi8lX2rjx5XoWP4jU/";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://www.bloggingpasuruan.blogspot.com/";
</script>
<script src="http://tipstrikblogging.googlecode.com/files/RecentPostThumbnail.js" type="text/javascript"></script>

3. Save

Keterangan:

>>> Boxwidth-Lebar widget (silahkan sesuaikan dengan sidebar sobat)
>>> bgTD-Warna background (Sesuaikan sesuai template sobat)
>>> borderColor-Warna Border (Sesuaikan dengan warna favorit sobat)
>>> thumbwidth& thumbheight-Lebar dan tinggi gambar
>>> fntsize-ukuran judul postingan
>>> acolor-Warna judul post
>>> abold-untuk tebalkan huruf
>>> numpost-jumlah post yang ingin ditampilkan
>>> home-page: alamat blog anda

Anda bisa mengedit sesuai selera anda, untuk melihat code warna bisa merujuk kesini
Demikian tutorial cara membuat widget recent post with thumbnails dan total komentarnya. Semoga bermanfaat!


Next
Prev Post
Previous
Next Post
Buka Komentar