Sekarang saya mau nge-share tentang Gimana cara-nya membuat Postingan Baru Slider. apa
sih postingan baru slider ? yaitu widget yang menampilkan semua
postingan baru di blog kita, seru bukan, dengan ini kita dengan mudah
bisa memberi tahu para pengunjung tentang-tentang artikel-artikel baru
di blog kita. widget slider ini bergerak dari atas ke bawah otomatis,
jadi kita tidak ribet harus memindahkan kursor mouse ke atas ke bawah.
selain itu juga menurut saya widget ini sangat dinamis dan menarik,
kenapa? karena widget ini memperhemat tempat, bayangkan jika kita
menampilkan 10 atau lebih post artikel terbaru, pastinya memakan tempat
yang cukup banyak-kan, tapi dengan ini kita bisa membuat widget artikel
terbaru, yang menampilkan lebih dari 10 post dalam 4 atau 5 baris saja.
langsung aja ini dia cara-cara-nya :
1. Login ke Blogger.
2. Pilih tata Letak.
3. Klik "Add widget'
4. lalu pilih widget "HTML/JavaScript"
5. lalu isikan code di bawah ini ke dalam box yang bertuliskan "Konten'
<style type="text/css">
#spylist {overflow:auto;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();
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://farhanshare.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src='http://skripnyawbw.googlecode.com/files/newestarticle.js' type='text/javascript'></script></div>
Catatan : Kita harus menganti link yang berwarna merah menjadi URL blog kita.
6. Selanjutnya kita buka Template >> Edit HTML, pastikan anda
download Full Template terlebih dahulu untuk mencegah bila ada
kesalahan. Lalu kita Cari kode </Head> dan paste-kan kode dibawah
ini persis di atas </head>.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
7. Setelah selesai Klik "Save" dan Selesai.
Selamat mencoba, bila ada pertanyaan comment di bawah.
Sumber : http://farhanshare.blogspot.com
