August 11, 2020

// // Leave a Comment

Cara Membuat Postingan Populer Bergerak Sendiri

All right guys welcome back to my blog kali ini gua akan memberikan tutorial bagaimana caranya membuat animasi postingan populer bergerak dengan sendirinya. Disini mungkin kalian merasa bosan dengan desain kotak postingan populer yang begitu-gitu aja. Apalagi bawaan templatenya terutama postingan populernya tidak terasa bagus.
Contohnya seperti di atas, gambarnya akan bergerak-bergerak sendiri.

Cara Membuat Postingan Populer Bergerak:

  1. Buka dasbor blogger > Tata Letak
  2. Hapus widget postingan populer yang ingin di ganti
  3. Tambahkan widget
  4. HTML/JavaScript
  5. Tulis judul, dan copy paste kode 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:50px;height:50px;}
    
</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></small>

Dan langkah terakhir Simpan.

0 comments:

Post a Comment