cara memasang recent post atau
widget postingan terbaru, untuk posting kali ini ada sedikit perbedaan, widget recent post ini disertai dengan thumbails dan jumlah komentar, saya pun menggunakan widget ini untuk blog ini.
Mau tahu cara membuat widget recent post with thumbails ini? Kalau sudah, ya ini untuk yang belum tau aja.
Oke langsung aja cara membuat widgt recent post ini:
Pertama-tama:
1. Login blog sobat
2. Rancangan >> Elemen halaman >> tambah Gadget (HTML/JavaScript)
3. lalu masukkan kode dibawah ini :
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0dES2DlVJmnEyGRxXdCRz6tGCG1wgA6oH_ORJ4Raa54sPEngV5n6dNM3hHox7uV_5jttbD5roKI5atiEI7PqbJqoS5JTB-rgWbt1Kgm9VOQVSW8Ezosn7vqhh2g2jwhNLM07Z9NVlwk/";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0dES2DlVJmnEyGRxXdCRz6tGCG1wgA6oH_ORJ4Raa54sPEngV5n6dNM3hHox7uV_5jttbD5roKI5atiEI7PqbJqoS5JTB-rgWbt1Kgm9VOQVSW8Ezosn7vqhh2g2jwhNLM07Z9NVlwk/";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0dES2DlVJmnEyGRxXdCRz6tGCG1wgA6oH_ORJ4Raa54sPEngV5n6dNM3hHox7uV_5jttbD5roKI5atiEI7PqbJqoS5JTB-rgWbt1Kgm9VOQVSW8Ezosn7vqhh2g2jwhNLM07Z9NVlwk/";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0dES2DlVJmnEyGRxXdCRz6tGCG1wgA6oH_ORJ4Raa54sPEngV5n6dNM3hHox7uV_5jttbD5roKI5atiEI7PqbJqoS5JTB-rgWbt1Kgm9VOQVSW8Ezosn7vqhh2g2jwhNLM07Z9NVlwk/";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq0dES2DlVJmnEyGRxXdCRz6tGCG1wgA6oH_ORJ4Raa54sPEngV5n6dNM3hHox7uV_5jttbD5roKI5atiEI7PqbJqoS5JTB-rgWbt1Kgm9VOQVSW8Ezosn7vqhh2g2jwhNLM07Z9NVlwk/";
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://anggavoith.blogspot.com/";
</script>
<script src="https://sites.google.com/site/tipsblogzone/tips-blog/recentposts_thumbnail.js" type="text/javascript"></script>
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 sobat
Jangan lupa
save/simpan yahh…
Dan jangan lupa Follow kami ya >_<
Belum ada tanggapan untuk "cara memasang recent post / widget postingan terbaru"
Posting Komentar