Cara Membuat Random Post Berjalan

Jasa website kali ini akan memberikan panduan blogger tentang Cara Membuat Random Post Berjalan atau bergerak.
script kode random post berjalan ini sangat cepat dan mudah di pasang di blog dan model random post berjalan atau bergerak ini akan secara otomatis berjalan dari atas ke bawah, dan bagusnya lagi di berikan setelan untuk mengatur kecepatan naik turun nya postingan tersebut, sehingga kita bisa mengatur sesuai keinginan kita.
Bagi yang belum paham apa itu random post , random post adalah sebuah widget yang berguna untuk menampilkan cuplikan judul dan deskripsi postingan , sehingga pengunjung situs anda bisa melihat judul-judul artikel/posting yang telah anda publikasikan.

seperti apa sih.. bentuk random post berjalan nya , silahkan dilihat gambar random post berjalan nya di bawahh ini.

Memasang random post berjalan di blog, sebenarnya pihak blogger sendiri sudah memberikan widget bawaan dari blogger yang serupa seperti random post , bahkan sekarang widget post default dari blogger menyediakan 2 macam yaitu widget populer post dan posting yang di unggulkan (entri unggulan) namun tampilan widget post bawaan blogger belum bisa berjalan , jadi jika anda ingin menampilkan postingan-postingan anda tampil berjalan atau bergerak anda bisa memasang random post berjalan yang akan saya berikan panduanya di sini.

Penjelasan diatas saya kira cukup , namun demikian jika masih ada yang ingin di tanyakan silahkan bertanya melalui forum komentar di bawah postingan cara membuat random post berjalan ini.
dan inilah Cara Membuat Random Post Berjalan

1. buka blog anda dan silahkan masuk ke dashboard blogger.
2.pilih tata letak  , kemudian pilih tambahkan widget
3.pilih widget HTML/javascript
4.salin kode random post berjalan nya yang di bawah ini

<div style="margin-bottom: 15px;">
    <style type="text/css">
    #rp_plus_img{height:410px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
    #rp_plus_img ul{list-style-type:none;margin:0;padding:0}
    #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
    #rp_plus_img li{height:70px;padding:1px;list-style:none;}
    #rp_plus_img a{color:#3366ff;}
    #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
    #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
    #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:80px;height:65px;}
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript">
    function rpthumbnt(json) {
    document.write('<ul class="rp_plus_img">');
    for (var i = 0; i < numposts; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break
    }
    }
    var thumburl;
    try {
    thumburl = entry.media$thumbnail.url
    } catch(error) {
    s = entry.content.$t;
    a = s.indexOf("<img");
    b = s.indexOf("src=\"", a);
    c = s.indexOf("\"", b + 5);
    d = s.substr(b + 5, c - b - 5);
    if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
    thumburl = d
    } else thumburl = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUt1h7SNeYYsVPslapyhPT01ba06hzAwBc0-hSZEMBlhGcLOiThlTJ6g1AIuLm4-Y9Wg3ZWAg8-zI3Q7klUVUH5KdWrzuVcpo3u81JQu8scmbs3S5aw_5VtGNfeFRdH7miFRjmlUlWr88/s1600/no+image.200.jpg'
    }
    document.write('<li class="news-title clearfix">');
    document.write('<a href="http://www.seocips.com/" target="_blank"><img src="' + thumburl + '"/></a>');
    document.write('<a href="' + posturl + '" target ="_top">' + posttitle + '</a><br>');
    if ("content" in entry) {
    var postcontent = entry.content.$t
    } else if ("summary" in entry) {
    var postcontent = entry.summary.$t
    } else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
    if (postcontent.length < numchars) {
    document.write('<span class="news-text">');
    document.write(postcontent);
    document.write('</span>')
    } else {
    document.write('<span class="news-text">');
    postcontent = postcontent.substring(0, numchars);
    var quoteEnd = postcontent.lastIndexOf(" ");
    postcontent = postcontent.substring(0, quoteEnd);
    document.write(postcontent + '...');
    document.write('</span>')
    }
    document.write('</li>')
    }
    document.write('</ul>')
    }
    function rpnewsticker() {
    last = $('ul#rp_plus_img li:last').hide().remove();
    $('ul#rp_plus_img').prepend(last);
    $('ul#rp_plus_img li:first').slideDown("slow")
    }
    </script>
    <script type="text/javascript">
    var speed = 350;
    var pause = 3500;
    $(document).ready(function(){
    rpnewsticker();
    interval = setInterval(rpnewsticker, pause);
    });
    </script>
    <ul id="rp_plus_img">
    <script style="text/javascript">
    var numposts = 20;
    var numchars = 60;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
    </ul>
    </div>

5.salin dan pastekan kode di atas kedalam widget dan simpan widget nya
6.selesai.

Cukup mudah kan seperti yang sudah saya katakan di atas membuat random post jalan ini cukup simpel mudah dan cepat.
untuk mengatur speed atau kecepatan berjalan nya anda bisa merubah untuk kode var speed nya , saat ini saya setting speed nya di angka 350 jadi silahkan sesuaikan sesuai keinginan anda masing-masing, ( lebih tinggi angkanya akan lebih cepat berjalan nya)
Selamat Mencoba...