Cara Pasang Populer Post Thumbnail Berjalan Di Blog

Unknown

Tutorial Blogging, Widget

23 Des 2012

2 Komentar

Tutorial Blog - Kali ini kita akan membuat sebuah artikel menarik yang mungkin bisa menginspirasikan dan mempraktekkannya pada blog sobat, Cara Pasang Populer Post Thumbnail Berjalan Di Blog berikut tutorialnya.

1. Seperti biasa, log in ke akun blog sobat masing-masing.
2. Pilih menu Tata Letak > Tambah Gatget > HTML/Javascript. Copas kode berikut:

<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://hilbramkurnia3.blogspot.com/2012/12/cara-pasang-populer-post-thumbnail-berjalan-di-blog.html" target="_blank">.::Get Widget::.</a></small>

3. Klik Simpan.. Dan lihat hasilnya..

Atau Bisa juga dipostingan:
Jika sudah membuat postingan baru, pilih HTML bukan Compose dan pastekan kode tersebut sesuai yang ingin sobat letakan, selesai.

Selamat Mencoba & Semoga Berhasil...