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!