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:

Blog

• Cara Membuat Daftar Isi Otomatis di Blog
• Cara Membuat Efek Bayangan pada Tepi Blog
• Cara Membuat Menu Tombol Drop Down / ComboBox di Blog
• Cara Membuat Satu Klik Dua Link Terbuka Sekaligus
• Cara Membuat Link Terbuka Tanpa di Klik
• Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Drive]
• Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Code]
• Cara Menambahkan Emoticon di Kotak Komentar [google drive]
• Cara Menambahkan Emoticon di Kotak Komentar
• Cara Membuat Breadcrumbs Terindex oleh Google Search Engine
• Cara Memasang Widget Burung Twitter Terbang Keren di Blog [google drive]
• Cara Memasang Widget Burung Twitter Terbang Keren di Blog
• Cara Membuat Tabel Menggunakan CSS
• Cara Menambahkan Widget I Love Indonesia
• Cara Membuat Widget Translate Keren
• Cara Membuat Widget Popular Post Keren [Blogroll]
• Cara Membuat Widget Recent Post Keren [Blogroll]
• Cara Membuat Buku Tamu Auto Hide Keren Di Blog
• Cara Mengganti Tulisan Older Post, New Post, Home Dengan Gambar Navigasi
• Cara Membuat Spoiler Di Dalam Posting Blog
• Cara Membuat Semua Link Blog Terbuka di Tab Baru
• Cara Membuat Spoiler Berisi Gambar di Blog
• Cara Membuat Icon Back To Top Keren
• Cara Membuat Sumber Link Otomatis Saat Artikel Di Copy