Cara Memasang Widget Random Post Bergerak

Cara Memasang Widget Random Post Bergerak - Secara default, blogger menyertakan beberapa kode script yang bisa digunakan untuk memasang widget. Script tersebut langsung bisa digunakan pada 'Add a gadget' di menu layout. Diantara widget yang ada adalah popular post, untuk menampilkan postingan yang populer. Widget label, untuk menampilkan tag label atau boleh diistilahkan sebagai kategori. Ada pula widget profile blogger, search box dan lain-lain. Akan tetapi, default blogger ternyata tidak menyertakan kode script untuk random posts.



Widget Random Post

Random post bisa diartikan sebagai postingan acak. Para pengembang telah membuat beberapa kode script untuk menampilkan random posts ini ke dalam blog dalam bentuk widget. Beragam bentuk widget telah banyak beredar. Salah satunya adalah widget random post yang bergerak.
Artikel baru Featured Post, Widget Blogger Terbaru (Fungsi, Manfaat dan Cara Pemasangannya).

Fokus tutorial kali ini adalah bagaimana membuat dan memasang widget random post ke dalam blog. Bagi sahabat para blogger, silakan simak ulasan yang sangat mudah ini. Untuk hasilnya, silakan cek demo.

Berikut tahap pembuatannya:
1. Masuk ke akun blogger.
2. Menuju ke menu layout. Pilih Add a gadget. Pilih HTML/Javascript.

3. Masukkan kode berikut ke dalam area HTML.

 <style type="text/css">
/*widget*/
#rp_plus_img{overflow:hidden;border:solid 1px #ddd;padding:10px; background-color:none;line-height:1.7em;}
#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:normal !important;margin-bottom:5px;font-size:14px;}
#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:60px;border-radius:4px;}
</style>
<!-- start -->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/Brando07/share/master/random-post-bergerak-seocips.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 = 5;
var numchars = 0;
</script>
<script src="http://bloging-gampang.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
<!-- /end -->

Ganti kalimat http://ifan-ar.blogspot.com dengan alamat URL blog milik sahabat. Lalu akhiri dengan Save.
 semoga artike kali ini bermanfaat bagi kita semua 

Posted in: Blog