Terima kasih telah berkunjung, jangan lupa kunjungi agungar.

Minggu, 16 Maret 2014

Cara Membuat Recent Post Bergerak Di Blog

Cara membuat menu blog bergerak
kopi kode berikut dan masukkan kedalam HTML/Java script

sebelumnya masuk dulu ke blog

kode

<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://intertaimenaryono.blogspot.com/2014/03/cara-membuat-recent-post-bergerak-di.html" target="_blank">get this widget here</a></small>


semoga berhasil. 


Perhatikan cara berikut :

  • Login ke akun blogger kalian
  • Pilih Tata letak → dan pilih HTML/javascript
  • Masukkan code berikut ini ke blog kalian (ke HTML/javascript)

Tidak ada komentar:

Posting Komentar

iklan anda

Tidak boleh kosong