Skip to main content
Keneono.Net

follow us

KENEONO – Dikesempatan kali ini saya akan share Cara Membuat Widget Recent Post Keren Bergerak di Blog. Recent Post yaitu widget dalam blog yang biasanya berada disebelah post artikel yang bertujuan untuk menampilkan artikel terbaru yang dipublish di blog tersebut. Jadi jika ada orang yang mengunjungi situs blog sobat dia akan mengetahui langsung update an artikel terbaru yang berada disamping tanpa harus ke home/halaman depan blog, apalagi jika recent postnya keren bisa bergerak bergeser kebawah keatas membuat pengunjung tertarik untuk klik. Tanpa bosa basi langsung saja dipraktekan sendiri.


Berikut Cara Membuat Widget Recent Post Bergerak di Blog :

  1. Pertama silakan sobat masuk dashboard blogger langsung pilih menu “Tata letak” terus “+ Tambahkan Gadget” pilih sesuai lokasi yang akan ditampilkan.
  2. Kemudian pilih “HTML/JavaScript” dan copy masukkan script dibawah 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://cdn.rawgit.com/dedi96/keneono/265b3c95/artikelterbaru.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&alt=json-in-script&callback=rpthumbnt">
    </script>     </ul>
    
  3. Script diatas bisa sobat edit lagi untuk menampilkan banyak post, ukuran dll.
  4. Kalau sudah silakan si “Save” dan lihat hasilnya.
Demo seperti dibawah ini :




Sekian kali ini artikel tentang Cara Membuat Widget Artikel Terbaru keren bergerak di Blog, semoga bisa bermanfaat untuk sobat semua...
Kunjungi terus blog keneono untuk mendapatkan artikel menarik lainnya. Terimakasih...
Jika sobat ingin menjadi donatur silahkan hubungi admin via Whatsapp. Dana hasil dari Donasi akan digunakan untuk memperpanjang domain keneono.net. Terima Kasih
Comment Policy : Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar