Cara Mudah Membuat Random Post Pada Sidebar Blog

Cara-Mudah-Membuat-Random-Post-Pada-Sidebar-Blog

    Hey sob? kali ini saya akan memberikan sebuah cara bagaimana membuat random post keren pada widget sidebar sebuah blogger. Memasang Random Post merupakan hal yang mungkin bisa menaikan sebuah viewers dari blog tersebut, itu karena dengan memasang random post pada widget blog anda akan menjadikan pengguna atau pembaca blog kalian merasa tersaji dengan berbagai artikel yang belum diketahui sebelumnya pada blog kalia, oleh karena itu memasang random post pada widget blog anda terutama sidebar mungkin menjadi solusi yang ampuh untuk menambah jumlah viewers dari blog kalian.

    Viewers yang banyak merupakan nilai kebanggan sendiri bagi para pemilik blog, namun harus diperhatikan untuk tetap menjaga kenyamanan para pembaca blog anda agar tidak merasa terganggu dengan widget-widget tambahan yang tidak terlalu penting sebenarnya, dan sebaiknya widget yang kurang penting tersebut digantikan atau bahkan dihilangkan, berbeda dengan widget random post yang akan kalian pasang ini pada blog kalian, dengan memasangnya artinya anda secara langsung menyajikan postingan anda yang mungkin belum dibaca oleh pembaca lewat sidebar pada blog anda. Oke bagi anda yang ingin memasang widget random post pada blog kalian, ikuti cara berikut ini.

Cara Memasang Widget Random Post pada Sidebar

1. Pertama anda bisa login pada Blogger kalian,

2. Lalu masuk pada menu "Tata Letak",

3. Setelah itu anda bisa klik "Tambahkan Gadget" dan pilih "HTML/JavaScript",

4. Jika sudah, anda bisa memasukan kode berikut ini ke dalam menu konten kalian,

<style scoped='' type="text/css">
#bsu-random ul{list-style:none;margin:0;padding:0}#bsu-random li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:1px solid #e3e3e3;word-break:break-word;padding:10px 0;margin:0;}
#bsu-random li:last-child{border-bottom:0;}
#bsu-random li a{color:#444;}#bsu-random li a:hover{color:#444;text-decoration:underline}
</style>
<div id='bsu-random'>Tunggu...</div>
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://www.blogsejutaumat.com',
    maxResults = 10,
    containerId = 'bsu-random';
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}
function shuffleArray(arr) {
    var i = arr.length, j, temp;
    if (i === 0) return false;
    while (--i) {
        j = Math.floor(Math.random() * (i + 1));
        temp = arr[i];
        arr[i] = arr[j];
        arr[j] = temp;
    }
    return arr;
}
function BsuRandomPosts(json) {
    var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
    // console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
    document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');
}
function randomPosts(json) {
    var link, ct = document.getElementById(containerId),
        entry = shuffleArray(json.feed.entry),
        skeleton = "<ul>";
    for (var i = 0, len = entry.length; i < len; i++) {
        for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
            link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';
        }
        skeleton += '<li><a href="' + link + '">' + entry[i].title.$t + '</a></li>';
    }
    ct.innerHTML = skeleton + '</ul>';
}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=BsuRandomPosts"></scr' + 'ipt>');
//]]>
</script>

5. Oke terakhir anda bisa klik "Simpan" dan lihat hasilnya.

Oke mungkin itu saja yang bisa saya berikan mengenai artikel "Cara Mudah Membuat Random Post Pada Sidebar Blog" ini, semoga dengan apa yang sudah saya berikan ini dapat bermanfaat bagi Anda. Jangan lupa untuk like dan follow akun kami untuk mendapatkan info serta update terbaru dari kami. Jika ada Kesalahan atau ada Pertanyaan serta Tambahan bisa isi pada kolom komentar anda. Terimakasih.

Previous
Next Post »

► Dilarang meninggalkan link aktif
► Dilarang komentar yang mengandung sara, pornografi dsb.
► Semoga artikel bermafaat
► Terimakasih sudah berkomentar :)
Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Powered by Blogger.