Assalamualaikum Wr.Wb ~ Yu-huuu... kembali lagi
bersama saya di blog sobat husen, kali ini kita akan membahas tentang random
post yang bisa bergerak. Sudah tahu fungsi dari random post bergerak ini belum?
Fungsi utama dari random post ini adalah untuk menampilkan isi postingan pada
blog supaya pengunjung dapat melihat postinganya dan efek bergerak ini agar
lebih menarik pengunjung.
Random post bergerak ini ringan tidak memberatkan
loading page pada halaman blog, jadi dapat di pasang pada blog sobat.
Langsung saja ke pokok pembahasan kali ini yaitu
Cara Membuat Widget Random Post Bergerak Pada Blog.
Pertama berikut ini adalah HTML yang harus di
copy-kan.
<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="https://sobathusen.blogspot.co.id/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
<!-- /end -->
Ganti teks warna merah di
atas dengan alamat blog kalian.
Untuk teks warna hijau di atas untuk mengatur
kecepatan penggatian postingan bisa cepat atau lambat.
Untuk teks warna kuning berfungsi untuk berapa postingan yang dapat anda
tampilkan secara random atau bergantian.
Kedua sobat masuk ke blog > Tata
letak > tambah gadget > HTML/Java Script > paste-kan script di atas
> selanjutnya simpan.
Untuk contoh random post bergerak ini
dapat di lihat di sebelah kanan di blog sobat ini.
Sekian Cara Membuat Widget Random Post Bergerak Pada
Blog semoga membantu sobat sekalian, mohon maaf apabila ada kesalahan dalam
pengetikan dan terimakasih telah mengunjungi. Apabila sobat ingin bertanya
dapat contact saya. Pepatah bilang
“Malu bertanya sesat di jalan” jadi jangan malu bertanya ya sobat!!!
Sebelum sobat menutup artikel ini, mohon saran dan
komentarnya di kolom komentar apa kekurangan dan kelebihan Cara Membuat Widget
Random Post Bergerak Pada Blog ini ? supaya saya bisa memberikan artikel yang
terbaik. Jika sobat merasa artikel ini bermanfaat mohon untuk di share artikel
ini “ Ilmu tidak akan hilang apabila di tuliskan dan di amalkan “
Wassalamualaikum Wr.Wb.