Cara Membuat Widget Recent Post Keren Bergerak di Blog

Cara Membuat Widget Recent Post Keren Bergerak di Blog

Assalamualaikum...
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 :



Skian 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...
Wassalamualaikum...



Baca Juga
SHARE
Subscribe to get free updates

Related Posts

Posting Komentar