Jangan takut jatuh, karena yang tidak pernah memanjatlah yang tidak pernah jatuh. Jangan takut gagal, karena yang tidak pernah gagal hanyalah orang-orang yang tidak pernah melangkah. Jangan takut salah, karena dengan kesalahan yang pertama kita dapat menambah pengetahuan untuk mencari jalan yang benar pada langkah yang kedua.

Daftar Isi

Monday, July 15, 2013

Cara Tercepat Memasang Widget Recent Post Bergambar



Copy paste kode ini di blog anda

<div style="margin-bottom: 15px;"> <style type="text/css"> #rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:70px;padding:1px;list-style:none;} #rp_plus_img a{color:#3366ff;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;} #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script> <script type="text/javascript">var speed = 400; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 10; var numchars = 60; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul> </div>

Cara nya :
  • Login akun blogger 
  • Tata letak
  • Tambah Gadget > HTML/Javascript 
  • Masukkan kode diatas 
  • Simpan dan lihat hasilnya.
Keterangan :
width:60px;height:65px diatas adalah ukuran untuk gambar di Recent Post.
var speed = 400; var pause = 3500; diatas adalah kecepatan Slide gambar Recent Post
var numposts = 10; var numchars = 60; diatas adalah 10 Jumlah posting yang akan di tampilkan di Recent Post dan 60 adalah Huruf atau deskripsi postingan yang ditampilkan di Recent Post.

Anda bisa merubah parameter lainnya, seperti besarnya font, warna font, background, lebar dan tinggi kolom atau lainnya sesuai dengan bentuk atau format blog Anda.

Note :
Apabila di template anda sudah terpasang kode "jquery" (seri berapapun), maka kode "jquery" diatas tidak usah dipasang lagi..!!.

Diruang yang sederhana ini, saya mencoba berkarya meskipun hanya di dunia maya.

Silahkan tambahkan komentar Anda, Semoga dapat sama-sama membangun. Terima kasih.
EmoticonEmoticon

Video

loading videos
Loading Videos...