Jumat, 05 Juli 2013

Cara membuat Receent Post berjalan di blog

Sekarang saya akan memberikan cara untuk membuat Recent Post yang bisa kalian pasang di blog kalian dengan tujuan untuk mepermudah pengunjung mencari artikel, kalau kalian berminat silahkan ikuti demonya :


1. Login dulu ke akun blog kalian
2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
3. Copy kode 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="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script>     </ul>
<small><a href="http://homeinfoblogger.blogspot.com/2013/05/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>
4. Simpan dan kalian lihat hasilnya di bloog kalian

Artikel Terkait Info Desain Blog

Ditulis Oleh : Rifky ~ Home Info

M.Rifky saputra Kalian sedang membaca artikel tentang Cara membuat Receent Post berjalan di blog. Saya memperbolehkan kalian untuk mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

Comments
0 Comments

0 komentar:

Posting Komentar