Cara Membuat Widget Recent Post Keren [Slide]

Berikut langkah-langkahnya :

  1. Login ke blogger 
  2. Pilih Tata Letak
  3. Kemudian klik tambahkan gadget dan pilih HTML/JavaScript
  4. Masukkan kode di bawah ini :
    <style type="text/css"> #rp_plus_img{height:377px;} #rp_plus_img li {height:60px;padding:5px;list-style:none; background-color:#ffffff; border:solid 1px #000000;} #rp_plus_img a{color:#00000;} #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px; text-align:justify; -moz-border-radius: 5px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="https://googledrive.com/host/0B-j5FxzmZ0a_eHZOcjBydEtTYVk" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 5; var numchars = 0; </script> <script src="http://varozi.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt"> </script> </ul> <small><a href="http://varozi.blogspot.com/search/label/Blog" target="_blank">Blogger Widget</a></small> <small><a href="http://varozi.blogspot.com/2013/06/cara-membuat-widget-recent-posts.html" target="_blank">Get This Widget</a></small>
    [NOTE] :
    Jumlah posting yang ditampilkan adalah 5 posts. Ubah URL warna biru dengan URL Website/Blog sobat. Terdapat banyak kode ukuran dan kode warna yang dapat sobat ubah. Namun widget ini sudah disesuaikan dengan ukuran dan warna yang ideal. Jadi lebih baik jangan diubah, karena takut nantinya jadi berantakan.

  5. Simpan gadget anda 
Selamat mencoba...

Related Post:

4 komentar:

Gagaje mengatakan...

Siippppp...

al varo mengatakan...

@Gegaje : Iya gan...semoga bermanfaat...
makasi banget udah berkunjung ke blog ini..
silahkan liat-liat posting yang lain... :D

Apk Baru mengatakan...

mantep tutorialnya gan,, simple dan mudah di mengerti... nice post

al varo mengatakan...

@Apk Baru : semoga bermanfaat gan..
Terima kasih sudah mampir ke blog ini...
Monggo lihat-lihat posting menarik lainnya...

TULISKAN KOMENTAR ANDA DISINI...
» Berkomentarlah dengan bahasa yang baik. Blog ini menerima segala jenis komentar, saran, kritik dan pertanyaan, dimohon tidak spam ya. Apabila tidak sesuai dengan ketentuan yang ada, maka komentar tidak akan di tampilkan.
Demikian atas kerjasamanya saya ucapkan terima kasih, Salam Blogger !!!

 
Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS