Home » » Cara membuat Resent Post dengan Gambar bergerak di blog

Cara membuat Resent Post dengan Gambar bergerak di blog

Written By Topiktrend Chanel on Sunday, April 14, 2013 | 1:04 PM


SEPUTAR BLOGGER, Sobat blogger, untuk menampilkan postingan-postingan terbaru kita perlu widget khusus yang dengan mudah pengunjung blog melihatnya, widget ini dikenal dengan istilah resent post, kali ini pengunjung tak sulit lagi membedakan mana posting lama dan terbaru karena postingan terbaru akan ditampilkan sesuai dengan urutan nya,

Saya sedikit berbagi dengan teman-teman bagaimana memasang widget resent post pada blog, sebagai berikut :
  1. Sign in ke blog 
  2. Klik Template/rancangan, pilih Layout/tataletak, lalu Klik Tambah Gadget, kemudian cari HTML/Javascript, klik dan masukkan kode berikut : 
  3. <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://christiantatelu.blogspot.com/2012/03/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>
  4. Simpan, lalu cek hasilnya.

Share this article :

3 comments:

  1. blog yang sangat bagus
    klo boleh tau gimana ya mmasang ini

    Di Posting Oleh : Hamran Danial ~ http://bloggerpohuwato.blogspot.com/
    yang di bawah no 4

    ReplyDelete
    Replies
    1. Terima kasih gan,,

      Masuk aja kesini :

      Tips Membuat Kotak Admin dibawah Postingan Blog

      Disitu ada "script" dan tata cara menempatkan scriptnya,

      Semoga bisa membantu :)

      Delete
  2. Hanya Share Artikel di FB, tiap ada yang Klik dibayar Rp250 (Bonus Daftar Rp. 1500)
    Daftar Di http://goo.gl/r3Y65b
    Bukti Pembayaran/WD/PO Dari Member/Anggota
    http://i.imgur.com/G2FHF69.jpg
    Untuk Panduan Daftar Dan Penggunaan
    http://goo.gl/14h9QB
    Bukti WD/Pembayaran PTC Probux Bulan Maret 2014
    http://prntscr.com/34hml3
    Yang Berminat Bisa Daftar Dan Join Di
    http://goo.gl/I1i0RI
    Bukti WD/Pembayaran PTC Wad Ojooo
    http://i.imgur.com/joiV3hs.png
    Yang Berminat Bisa Daftar Dan Join Di
    http://goo.gl/9wufTl
    Bukti Pembayaran Fusebux
    http://oi57.tinypic.com/2uyoe3c.jpg
    Yang Berminat Bisa Daftar Dan Join Di
    http://goo.gl/0ZTawY
    Program Affiliasi Membayar Paling Tinggi Di Indonesia (Rp. 10.000/referal)
    Ini Bukti Komisi Pembayaran Untuk Member
    http://i.imgur.com/yx49XJx.jpg
    Buruan Daftar Di http://goo.gl/wqwVSj
    Linkbucks (Penyingkat URL)
    Daftar Di http://goo.gl/s0cUgG
    id.ipanelonline (Survey Online)
    Daftar Di http://goo.gl/boUiaf
    id.viewfruit (Survey Online)
    Daftar Di http://goo.gl/K44GIa
    Bukti WD/Pembayaran/Payout
    http://i.imgur.com/t14wjrD.jpg

    ReplyDelete

Enter your email address:

Delivered by FeedBurner

Subscribe to Blogger Pohuwato by Email

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Blogger Pohuwato - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger