Sunday, 18 March 2018

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



BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

>> PERHATIKAN !!! <<

- Gunakan kata-kata yang bijak saat berkomentar ya sob.
- Berkomentar dengan Foto <i rel="image">URL_GAMBAR</i>
- Berkomentar dengan Code HTML silakan Parse dulu.