Service Printer Mranggen

Minggu, 06 Maret 2016

Cara Terbaru Membuat Widget Ramdom Post Bergerak Di Blog

Beragam Info - Kali ini akan mengulas tuntas tentang Cara Terbaru Membuat Widget Ramdom Post Bergerak Di Blog, hal ini adalah salah satu contoh untuk mempercantik tampilan blog kita selain itu dengan memasang widget random post yang berjalan di blog maka secara otomatis kita akan menampilkan artikel-artikel kita yang sudah lama. nah dengan demikian anda secara otomatis dapat menunjukkan artikel anda yang sudah lama tertidur dan hampir tidak ada pengunjungnya, maka dengan ini insya-Allah artikel anda yang sudah lama tak ada yang mengunjungi lagi akan ada pengunjungnya.

Gimana sih caranya untuk membuat Widget Random Post Bergerak Di Blog ini......????????
nah dari pada cuman berangan-angan untuk membuat nya yang membuat pusing diri kalian, maka silahkan simak langkah-langkah membuat Widget Random Post Bergerak Di Blog.

1. silahkan anda login terlebih dahulu pada blog yang anda kelola.
2. kemudian silahkan anda masuk ke menu Layout/tata letak

3. setelah masuk silahkan pilih Tambah Gadget dan kemudian silahkan pilih HTML/Java Scrip
4. kemudian silahkan beri judul dan masukkan kode dibawah ini :

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#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:bold !important;margin-bottom:5px;font-size:12px;}
#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:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.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 = 20;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

5. nah langkah terahir yang harus anda lakukan adalah untuk menyimpannya klick Simpan Template

Keterangan
- untuk tulisan yang berwarna merah merupakan kecepatan bergantinya artikel 1 dengan yang lainnya, ini bisa diganti sesuai dengan yang anda butuhkan
- untuk yang berwarna biru merupakan waktu berhentinya artikel sebelum berpindah ke artikel yang lain, ini bisa diganti sesuai dengan apa yang anda inginkan
- untuk yang berwarna ungu merupakan jumplah artikel yang anda tampilkan, bisa diganti sesuai dengan keinginan anda

Gimana cukup mudah bukan untuk membuat Widget Ramdom Post Bergerak Di Blog yang anda kelola, karena cuman Copy-Paste kode aja,
sampai disini dulu perjumpaan kita, nantikan artikel saya selanjutnya.

Semoga Berhasil Kawan....!!!
Share:

0 komentar:

Posting Komentar

Contact Person

Menerima Panggilan Area Semarang dan Sekitarnya CP: WA : 085848888815

085848888815

Foto saya
Semarang, Central Java, Indonesia