Selamat Datang di Tabung Informasi

Membuat Recent Post Thumbnails

0 komentar

Tutorial untuk Blog kali ini membahas tentang cara membuat Recent Post dan Recent Menampilkan Gambar  ada beberapa cara untuk membuat widget ini dari mulai menggunakan widget creator, maupun java script. tutorial blogspot kali ini akan  menggunakan alamat widget sederhana, untuk menghindari loading page yang terlalu berat jika menggunakan javascript.
*Buka Blogger Admin
*Pilih Rancangan, kalau Admin Blogger berbahasa indonesia
*Buat Widget baru
*Copas{Copy dan Paste} Code dibawah ini ke widget baru:

<div style="font-size:90%; text-shadow:2px 2px 2px #adadad;"><script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
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.jarijari.co.cc/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script></div>
 
Keterangan : Rubah text yang berwarna Biru dengan alamat Blog kamu, dan untuk menentukan jumlah yang di recent post lihat text yang berwarna Merah dan rubah sesuai dengan angka yang kamu mau. satu lagi untuk merubah lebar recent post kamu cukup rubah text yang berwarna Orange "Boxwidth"


Selamat Mencoba..!!! di klik tombol"Like"nya ya sobat blogger, Terima kasih...



Share this article :

Post a Comment

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2011. Tutorial dan Informasi - All Rights Reserved
Template Created by Creating Website Modify by CaraGampang.Com
Proudly powered by Blogger