Tempat Berbagi Berita, Cerita dan Derita

Kategori Yang Kalian Suka

Post ini diterbitkan pada : Thursday, October 14, 2010

Cara Membuat Widget Artikel Terbaru

Agar pengunjung bisa mengetahui artikel-artikel apa yang terbaru di blog, kalian bisa menambahkan widget artikel terbaru pada template kalian. Dimana dengan widget ini,secara ngga langsung kalian bisa memberitahu pengunjung,bahwa blog kalian udah di update dengan artikel-artikel yang lebih baru.
Untuk memasang widget artikel terbaru,kalian tinggal ikuti step-step berikut ini.
(Klik pada gambar untuk melihat previewnya)
membuat widget artikel terbaru
1. Login ke Account Blog/Dashboard kalian ,kemudian pilih Rancangan/Design.
2. Pilih Add a Gadget. Masukkan kode dibawah ini:
<style type="text/css">
#spylist {overflow:hidden;height:220px;margin-top:5px;padding:0px 0px;}
#spylist ul{list-style-type: none;padding:0px;margin:0px;}
#spylist li {padding: 5px 0px 5px 5px;margin:0px;float:none;height:44px;}
#spylist li a {text-decoration:none;color:#4B545B;font:12px calibri;margin:0px;padding:0px;}
#spylist li img {float:left;margin-right:5px;margin-top:7px;background:#EFEFEF;border:0;}
.spydate{font-size:10px;color:#0284C2;padding:2px 0px;margin:0px0px;height:15px;font-family:Tahoma,Arial,verdana, sans-serif;}
.spycomment{font-family:Tahoma,Arial,verdana, sans-serif;font-size:10px;color:#262B2F;padding:0px;margin:-2px 0px;}
</style>
<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 = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 20;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://anggaleoputra.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://h1.ripway.com/keichiro/javascript/artikelterbaru.js' type='text/javascript'></script></div>
3. Ganti text berwarna merah dengan alamat blog kalian.
4. Save widget.
5. Beralih ke menu Edit HTML, cari kode </head> dan ganti kode tersebut dengan kode dibawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
</head>
6. Save template dan lihat hasilnya.
Semoga bermanfaat.
Do you like this post? You can share it with your community..
Dapatkan update artikel lewat email

Artikel Terkait

7 comments:

koq gak bisa ya sob ?

Sori, ada kesalahan kode tadi. sekarang udah dibenerin. Thanks udah kasih tau sob ^^

All , kode ini juga koq yang dipake di halaman preview. so,kalo ngga bisa,aneh aja ^^

Mantap sob
Working Koq

trims ya mas tutornya bagus

Boy: semoga bermanffat

Ads

My Tweet

 
Site Meter
© 2008 Blogger Abstrak | Template by : O-zone | Owner : Angga Leoputra