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 ~ ABDUL WAHAB

Judul : Cara Membuat Recent Post Slider
Ditulis oleh : Kejutan Internet pada 24 Juni 2012
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Cara Membuat Recent Post Slider
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow ke URL
http://sukmagie.blogspot.com/2012/06/cara-membuat-recent-post-slider.html
Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.

Disclaimer: Gambar, artikel maupun video yang ada di blog ini sebagian berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.
Forum Diskusi