Rabu, 01 Mei 2013

Cara membuat recent post bergerak otomatis

Gans, kali ini tutorial yang kita pelajari adalah '' Cara membuat recent post bergerak otomatis '' Gans ada macam-macam recent post yang diketahui, ada yang bergerak ke atas dan kebawah, dan kali ini saya akan bagi bagi tutorial cara membuat recent post bergerak otomatis, Lumayan gans buat menghemat ruang dan mempercanggih blog agan. hahaha
   dan bagi yang belum tahu atau awam ama recent post. recent post adalah widget blog untuk memunculkan artikel artikel yang terhangat di blog agan.
kita simak ya gans.

1. Masuk ke Dashboard
2. Masuk tata letak
3. Klik tambah gadget di sidebar
4. Klik atau pilih HTML/JavaScript
5. Lalu agan tinggal copy code berikut dibawah 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://sites.google.com/site/unwanted86/javascript/recentpost.js" 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="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://sharetivis.blogspot.com/" target="_blank">get this widget here</a></small>


Catatan penting code:

1. Numpost: yaitu total postingan atau artikel yang akan agan tampilkan di widget itu. silahkan agan ubah seseuai selera

Lalu klik simpan
lihat hasilnya!

dan selesailah postingan sederhana ini, dengan bersyukur karena agan udah membaca artikel ini
terima kasih

Tidak ada komentar:

Posting Komentar

gan komentarlah yang baik, Reggae,jangan nyepam, dan mengaktifkan link aktif, semua yang melanggar akan di Hapus.

Sharetivis | Copyright of Sharetivis.