Bacalah

Banyak yang bisa kamu lakukan untuk Cara membuat Recent postingan berjalan di Blog terlihat lebih keren.

Mudah menemukan informasi dalam blog yang terbaik atau populer dalam Blog



Informasi tentang postingan atau artikel terkini saat Recent post biasanya menampilkan sejumlah judul artikel yang belum lama kamu posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah


Kali ini ikuti Cara membuat Recent postingan berjalan di Blog berminat silahkan ikuti tutorial berikut.


1. Log in ke akun blog kamu


2. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript


3. Masukkan kode berikut ke dalam konten.


<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="" target="_blank">get this widget here</a></small>

4. Jika kode diatas di copy dan letakkan dengan benar akan hasilnya
terlihat dengan menarik.

5. Selesai.

Silahkan Share jika bermamfaat.

Semoga bermamfaat



Post a Comment

Terima kasih, Anda sudah berkomentar dan berkunjung ... salam

Previous Post Next Post