Jumat, 25 Oktober 2013
Browse Manual »
Wiring »
atau
»
cara
»
dengan
»
gambar
»
membuat
»
post
»
recent
»
thumbnail
»
Cara Membuat Recent Post Dengan Thumbnail atau Gambar
Catatan :
boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.
4. Nah kalau sudah tinggal SAVE
Contoh hasilnya sobat :
Semoga sukses ya sobat
Cara Membuat Recent Post Dengan Thumbnail atau Gambar
Hallo sobat negeri semua masih ingat gak dengan Cara Membuat Recent Post dan Coments Post Pada Blog gak. nah kali ini penulis akan membuat Recent Post Dengan Thumbnail atau Gambar. Heeem yang kali ini lebih menarik sobat negeri semua. Karena untuk Recent Post Dengan Thumbnail atau Gambar ini sangat menarik sobat. Mau tau caranya. Mari kita langsung saja ikuti langkah-langkah berikut ini.
Caranya sebagai berikut sobat negeri :
1. Pada menu Dashboard klik menu "Design - > Page Elements"
2. Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"
3. Dan taruh script dibawah ini kedalamnya.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://.blogspot.com/";
</script>
<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://.blogspot.com/";
</script>
<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>
Catatan :
boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.
4. Nah kalau sudah tinggal SAVE
Contoh hasilnya sobat :
Semoga sukses ya sobat
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar