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 :
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/AVvXsEg35nxQMXTgDSY9-o-totllp1X0av_sjkEX2ggOMHzUKR4dKSyUwWEgnOCkmbhyphenhyphendoSvCNAuCNB__9-cUyQc3OHJJpWe_4qT5H5ESriOdHOiAWXgfrhEc83rcYuFR8PyIb21vbgbh6lvh_I/";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35nxQMXTgDSY9-o-totllp1X0av_sjkEX2ggOMHzUKR4dKSyUwWEgnOCkmbhyphenhyphendoSvCNAuCNB__9-cUyQc3OHJJpWe_4qT5H5ESriOdHOiAWXgfrhEc83rcYuFR8PyIb21vbgbh6lvh_I/";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35nxQMXTgDSY9-o-totllp1X0av_sjkEX2ggOMHzUKR4dKSyUwWEgnOCkmbhyphenhyphendoSvCNAuCNB__9-cUyQc3OHJJpWe_4qT5H5ESriOdHOiAWXgfrhEc83rcYuFR8PyIb21vbgbh6lvh_I/";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35nxQMXTgDSY9-o-totllp1X0av_sjkEX2ggOMHzUKR4dKSyUwWEgnOCkmbhyphenhyphendoSvCNAuCNB__9-cUyQc3OHJJpWe_4qT5H5ESriOdHOiAWXgfrhEc83rcYuFR8PyIb21vbgbh6lvh_I/";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35nxQMXTgDSY9-o-totllp1X0av_sjkEX2ggOMHzUKR4dKSyUwWEgnOCkmbhyphenhyphendoSvCNAuCNB__9-cUyQc3OHJJpWe_4qT5H5ESriOdHOiAWXgfrhEc83rcYuFR8PyIb21vbgbh6lvh_I/";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 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

0 komentar:
Posting Komentar