Social Icons

Jumat, 18 Oktober 2013

Cara Mudah Membuat Recent Posts Bergerak Di Blog





MEMBUAT RECENT POSTS BERGERAK DI BLOG - Kali ini saya akan memberikan ilmu MEMBUAT RECENT POSTS BERGERAK DI BLOG. Rasanya Tidak Lengkap kalau ada Popular Post Namun tidak ada Recent Posts. Recent Post ini saya lengkapi dengan Automatic Switching (Pergantian Otomatis) agar terlihat lebih keren.









Berikut Tutorial Untuk Membuat Recent Posts Bergerak Di Blog :


  • Login ke Blogger
  • Pilih Tata Letak > Tambah Gagdet > HTML/JavaScript
  • Salin Script di bawah 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="http://fadhel-kiayi.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://fadhel-blog.blogspot.com/2013/10/cara-mudah-membuat-recent-posts.html#more" target="_blank">Get This Widget</a></small>

  • Ganti kode Warna MERAH dengan URL Blog sobat
  • Ganti kode Warna BIRU dengan kode warna background yang sobat suka
  • Lalu Klik simpan





Sekian Dari Artikel Ini ..
Terima Kasih Sudah berkunjung di blog ini
Mudah-mudahan bermanfaat ..

SALAM ADMIN ( ..:;FADHEL BLOG;:.. )

Tidak ada komentar:

Posting Komentar