Photobucket Photobucket Photobucket Photobucket

Selasa, 26 Juli 2011

Membuat Artiket Terbaru + Gambar

Dalam kesempatan kali ini sekarang kita akan mencoba membuat widget artikel terbaru yang di ciptakan dari JQuery, Tampilan widget artikel terbaru ni cukup apik dan rapih. selain itu terdapat banyak kelebihan di bandingkan dengan yang telah kita bahas kemarin.

Kelebihannya :
•Memiliki tampilan yang dinamis dan rapih.
•Memiliki Load yang cukup cepat
•Bisa di gunakan di Tab Menu atau New Window.
•Terdapat Informasi Jumlah komentar di masing-masing artikel yang di munculkan.
•Gambar/thumbails apik dan padat.
•dan masih banyak lagi deh yang jelas kang salman jamin sobat informasi maya bakal puas.

silakan lihat gambar di bawah ini :



Cara Membutnya :
1. Login Ke Blogger
2. Pilih Tata Letak / Rancangan
3. Klik Tambah Widget/Gedget
4. Pilih HTML/Javascript
5. Paste-kan Kode di Bawah ini ke HTML/Javascript tadi.

<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;
summarFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://blogANDA.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
ganti yg warna merah dgn URL blog anda

6. Simpan. dan lihat hasilnya.

2 komentar:

Sendiri mengatakan...

ijin nyimak aja ya gan....

cah nakal mengatakan...

yuk mari

Posting Komentar

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))