Select Language

Thursday, May 23, 2013

Cara Membuat Slide Show Recent Post Blog Wordpress

Recent Post - Awalnya saya ingin mencari tutorial “cara membuat slide show recent post wordpress” untuk website perusahaan yang saya kelola. Tapi yang muncul di halaman google justru cara membuat recent post di blogger.

recent-post
Tanpa saya abaikan saya tetap mengikuti cara yang saya temui namun memasangya di wordpress. Jelas saja tidak bisa karena secara wordpress dan blogger itu berbeda.

Akhirnya saya coba saja pasang di blog “ilma ilmu” milik saya ini, dan tara......!! jadilah slide show recent post yang unyu-unyu ini hehehehe.......

Recent post atau recent update merupakan posting di blog kita yang terbaru yang telah kita buat.
Biasanya jumlah yang ditampilkan 5-10 postingan. Jika kamu melihat recent post yang bergerak di atas postingan blog saya, maka seperti inilah tampilan recent post yang bergerak slide show atas bawah secara berurutan yang akan kita buat kali ini.

Caranya : 
1. Masuk ke blogger 
2. Cari tata letak 
3. Kemudian add widget 
4. Pilih html/java script 
5. Masukan kode berikut ini
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><style type="text/css" media="screen"><!--#spylist {overflow:hidden;margin-top:5px;padding:0px 0px;height:350px;}#spylist ul{width:310px;overflow:hidden;list-style-type: none;padding: 0px 0px;margin:0px 0px;}#spylist li {width:285px;padding: 5px 5px;margin:0px 0px 5px 0px;list-style-type:none;float:none;height:75px;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:11px;color:#b40606;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;}.spysummary{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://2.bp.blogspot.com/-EeXN8yuhzVQ/Tte9_hC629I/AAAAAAAAAg4/kea2W7aJnlU/s1600/favicon.png";imgr[1] = "http://2.bp.blogspot.com/-EeXN8yuhzVQ/Tte9_hC629I/AAAAAAAAAg4/kea2W7aJnlU/s1600/favicon.png";imgr[2] = "http://2.bp.blogspot.com/-EeXN8yuhzVQ/Tte9_hC629I/AAAAAAAAAg4/kea2W7aJnlU/s1600/favicon.png";imgr[3] = "http://2.bp.blogspot.com/-EeXN8yuhzVQ/Tte9_hC629I/AAAAAAAAAg4/kea2W7aJnlU/s1600/favicon.png";imgr[4] = "http://2.bp.blogspot.com/-EeXN8yuhzVQ/Tte9_hC629I/AAAAAAAAAg4/kea2W7aJnlU/s1600/favicon.png";showRandomImg = true;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 100;thumbheight = 70;fntsize = 12;acolor = "#666";aBold = true;icon = " ";text = "comments";showPostDate = true;showSummaryPost = true;summaryPost = 40;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";numposts = 8;home_page = "http://www.ilmailmu.blogspot.com/";limitspy=4intervalspy=4000</script><div id="spylist"><script src='http://file.edikomputer.com/js/recentpostslide.js' type='text/javascript'></script>

Keterangan :
  • numposts = 8; adalah jumlah recent post yang di tampilkan kamu bisa ganti angkanya sesukamu
  • Ganti tulisan warna merah dengan url blog kamu kemudian save dan lihat hasilnya
Itu tadi cara membuat slide show recent post di blogger, semoga sukses...

No comments:

Post a Comment

Mohon bersedia untuk memberikan komentarnya, agar blog saya yang jauh dari sempurna ini bisa lebih berguna. Yang komentar saya yakin orang-orang yang perhatian, baik hatinya pula. Terimakasih ya...