Cara Membuat Random Post Bergerak di Blog

Cara Membuat Random Post Bergerak di Blog

Widget Random Post Bergerak Cara Membuat Random Post Bergerak di Blog – Sahabat blogger kali ini penulis akan berbagi pengetahuan ba... 1:57:00 PM

Widget Random Post Bergerak

Cara Membuat Random Post Bergerak di Blog – Sahabat blogger kali ini penulis akan berbagi pengetahuan baru yaitu mengenai Cara membuat random post di blog yang tentunya akan menambah tampilan blog kalian menjadi lebih bervariasi. Animasi gerak yang ditanpilkan bisa dikatakan ringan dan tidak membuat blog anda terlihat lemot saat dibuka halaman utamanya.

Sebelum melangkah ke tutorialnya, penulis ingin memberikan pengertian mengenai widget random post ini. Widget random Post merupakan sebuah widget yang menayangkan sejumlah artikel kalian secara acak mulai dari artikel yang tebaru hingga yang terlama. Kelebihan memasang widget ini yaitu memunculkan adanya kemungkinan artikel yang lama akan muncul di halaman utama dan itu bisa mengakibatkan adanya trafik kesitu. Nah, otomatis hal itu akan menambah jumlah penayangan blog anda. Selain itu juga menambah navigasi antar artikel gan.

Baca Juga :

Cara membuat widget breaking News
Cara membuat widget arsip blog bergaya Scroll
Cara menampilkan jumlah pengunjung di blog
Cara membuat widget recent post bergaya Slide

Demikian cuplikan penjelasan singkatnya. Sekarang mari langsung ke langkah-;angkah pembuatannya. Penulis menyajikan dengan cukup mudah dan gampang dimengeti bahkan oleh blogger pemula sekalipun. Simak baik – baik langkahnya.

1.       Masuk ke blogger

2.       Pilih opsi Tata Letak di Dasbor Blogger

3.       Pilih area yang anda ingin tambahkan widget ini -> Tambahkan Gadget -> HTML/Javascript

4.       Masukkan kode berikut

<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://www.seocips.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
  <!-- /end -->

Keterangan :

·         Warna merah menandakan kecepatan berpindah antar artikel

·         Warna biru menandakan lamanya berhenti setiap 1xganti artikel

·         Warna kuning ganti dengan URL blog kalian

5.       Klik save dan lihatlah hasilnya