Cara Membuat Recent Post Slider



       Membuat Recent Post Slider - Untuk memperjelas apa maksud dari artikel kali ini, Recent post slider adalah widget yang di pasang di blog yang akan menampilkan postingan artikel terbaru dengan model slider atau setiap postingan akan muncul secara bergantian dengan model Thumbnail (menampilkan gambar). Recent Post sangat penting bagi blog kita, dengan recent post maka pengunjung blog dapat mengetahui artikel-artikel terbaru di blog kita.

Cara membuat artikel baru-baru ini, Recent Post, efek slider

      Dalam penerapan Membuat Recent Post ini seperti biasanya jika memasang widget lainnya hanya menambahkan beberapa script seperti di bawah :


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 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 = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 90;
home_page = "http://sukmagie.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

  1. Login ke akun Blogger Sobat
  2. Klik Rancangan kemudian klik Elemen halaman
  3. Klik Tambah Gadget
  4. Pilih tamabah HTML/Javascript
  5. Letakkan Kode script Recent Post Slider di atas
  • Ganti tulisan yang berwarna merah sesuai alamatweb/blog sobat.
  • Untuk tulisan yang berwarna hijau adalah jumlah artikel yang akan muncul dalam Recent Post Slider

     Untuk penempatannya silahkan letakkan di sidebar kanan supaya pengunjung blog sobat dengan gampang melihat beberapa postingan yang ditampilakan. Untuk Artikel Cara Membuat Recent Post Slider sekian dulu dari blog sukmagie



Semoga Bermanfaat

Pengelola Blog : Sukmagie ~ Wahab Woo Tekh

Judul : Cara Membuat Recent Post Slider
Ditulis oleh : Kejutan Internet pada 24 Juni 2012
Rating Blog : 5 dari 5
Terima kasih Karena Sudah Menyempatkan membaca artikel tentang Cara Membuat Recent Post Slider
Anda bisa menyebar luaskan atau mengcopy paste kalau artikelnya bermanfaat.
Tapi jangan lupa ya harap memberikan sebuah link aktif yang dofollow nya ke URL berikut
http://sukmagie.blogspot.com/2012/06/cara-membuat-recent-post-slider.html
Terima kasih.

Disclaimer: Gambar, artikel atau video yang ada di blog sukmagie sebagian berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya di pegang oleh sumber yang kami cantumkan tersebut. Jika ada masalah terkait dengan hal ini, Anda bisa menghubungi kami disini.
Related Posts