Cara membuat Artikel terbaru Slider Di Blog

Bookmark and Share


Farhan Share - sobat farhan, 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.





{ 0 komentar... Views All / Send Comment! }

Poskan Komentar