Cara membuat random post di blogger / blogspot

artikel random / random post , widget artkel acak , post acak , di blogger

Widget Random Post Blogger – banyak sekali widget yang anda pasang di blogger.com / blogspot , mulai dari recent post , label , dll . anda juga bisa memasang atau costum widget dari luar , salah satunya adalah widget random post , blogger.com sendiri tidak menyediakan widget random post secara otomatis , jadi kita harus membuatnya sendiri . jadi kali ini idetips akan berbagi sedikit bagaimana sih membuat random post atau menampilkan random post di blog kamu , atau kamu bisa menyebutnya sebagai widget artikel acak .

Apa itu Random Post ?

sesuai namanya random post atau article/artikel acak adalah widget yang bisa kita tampilkan di blogger dan nantinya akan menampilkan beberapa artikel secara acak . seperti yang saya katakan diatas bahwa widget random post tidak ada otomatis di blogger jadi kita harus membuatnya sendiri .

salah satu fungsi pemasangan random post adalah membuat post atau artikel kita yang sudah lama atau terdahulu dapat secara acak muncul dan dilihat oleh pengunjung . sangat disarankan dipasang karena artikel yang tidak dilihat pengujung dapat dilihat kembali dan mungkin itu adalah salah satu artikel yang cukup menarik bagi pengunjung sehingga menambah view kita .

ada beberapa jenis random post yang akan kita bahasa mulai dari random post dengan thumbnail atau tanpa thumbnail (gambar) .

Cara membuat random post  di blogger

Langkah :

  • buka blogger.com
  • pilih menu “Tata Letak” pada sidebar
  • “Tambahkan Gadget” dan pilih “HTML/JavaScript”
  • selanjutnya masukkan code dibawah ini ( pilih salah satu )
  • klik save

    silahkan pilih salah satu jenis / code dibawah ini :

    Random Post dengan Thumbnail

     

    <style>
    #bo-random-posts img {
        background: #fff;
        height: 50px;
        float: left;
        width: 50px;
        margin: 5px 5px 0px 0px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -moz-border-radius: 50%;
        padding: 3px;
    }

    #bo-random-posts img:hover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    ul#bo-random-posts {
        list-style-type: none;
       
    }

    #bo-random-posts li {
        margin: 10px 0;
    }

    #bo-random-posts li a {
        padding: 5px 0;
        text-decoration: none;
    }

    .bo-random-summary {
        display: block;
    }
    </style>
    <ul id=’bo-random-posts’>
    <script>
    var borp_number = 5;
    var borp_details = ‘yes’;
    var borp_chars = 60;
    var borp_details2 = ‘no’;
    var borp_comments = ‘Comments’;
    var borp_commentsd = ‘Comments Disabled’;
    var borp_current = [];
    var total_randomposts = 0;
    var borp_current = new Array(borp_number);
    function randomposts(json) {
        total_randomposts = json.feed.openSearch$totalResults.$t;
    }

    document.write(‘<script type=”text/javascript” src=”/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts”></script>’);
    function getvalue() {
        for(var r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break;
    }

    n?r–:borp_current[r]=o;
    }}

    function get_random() {
    return 1+Math.round(Math.random()*(total_randomposts-1));
    }
    </script>
    <script>function random_posts(t) {
    for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if(“content”in r)i=r.content.$t;else if(“summary”in r)i=r.summary.$t;else var i=””;if((i=i.replace(/<[^>]*>/g,””)).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(” “);a=i.substring(0,n)+”&#133;”;
    }

    for(var o=0;o<r.link.length;o++) {
    if(“thr$total”in r)var l=r.thr$total.$t+” “+borp_comments;else l=borp_commentsd;if(“alternate”==r.link[o].rel){var m=r.link[o].href,c=r.published.$t;if(“media$thumbnail”in r)var u=r.media$thumbnail.url;else u=”https://4.bp.blogspot.com/-atF9AaH_YEI/WXc5HKoFZmI/AAAAAAAAAGE/LoIPxdwBHecNVesXy9J0AQJwdIuWFYu0QCLcBGAs/s1600/no_thumb.png”;
    }}

    document.write(“<li>”),document.write(‘<img alt=”‘+s+'” src=”‘+u+'”/>’),document.write(‘<div><a href=”‘+m+'” rel=”nofollow”>’+s+”</a></div>”),”yes”==borp_details&&document.write(“<span>”+c.substring(8,10)+”.”+c.substring(5,7)+”.”+c.substring(0,4)+” – “+l),”yes”==borp_details2&&document.write(‘<span class=”random-summary”>’+a),document.write(‘<div style=”clear:both”></div></li>’);
    }}

    getvalue();for(var i=0;i<borp_number;i++)document.write(‘<script type=”text/javascript” src=”/feeds/posts/default?alt=json-in-script&start-index=’+borp_current[i]+’&max-results=1&callback=random_posts”></script>’);</script>
    </ul>

    Random Post tanpa Thumbnail hanya title / judul

     <style>
    #bo-rp-box {
        float: left;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    #bo-rp-box ul {
        margin: 0px;
        float: left;
        padding: 0px;
    }

    #bo-rp-box li {
        vertical-align: middle;
        list-style:none;
        margin-bottom: 0;
        width: auto;
        margin-top: 0;
        padding: 10px 0;
    }

    #bo-rp-box a {
        color: #0F0F0F;
        text-decoration: none;
        font-size: 14px;
    }

    #bo-rp-box a:hover {
        color: red;
    }
    </style>
    <script>
    function rp_results_label(r) {
        for(var e=0;e<r.feed.entry.length;e++){var l=r.feed.entry[e];rpTitles[rpTitlesNumb]=l.title.$t;for(var t=0;t<l.link.length;t++)if(“alternate”==l.link[t].rel){rpUrls[rpTitlesNumb]=l.link[t].href,rpTitlesNumb++;break;
    }}}

    function removeRandomDuplicate() {
        for(var r=new Array(0),e=new Array(0),l=0;l<rpUrls.length;l++)contains(r,rpUrls[l])||(r.length+=1,r[r.length-1]=rpUrls[l],e.length+=1,e[e.length-1]=rpTitles[l]);rpTitles=e,rpUrls=r;
    }

    function contains(r,e) {
        for(var l=0;l<r.length;l++)if(r[l]==e)return!0;return!1;
    }

    function showRandomLabels() {
        for(e=0;e<rpUrls.length;e++)rpUrls[e]==currentposturl&&(rpUrls.splice(e,1),rpTitles.splice(e,1));var r=Math.floor((rpTitles.length-1)*Math.random()),e=0;for(rpTitles.length>1&&document.write(“<ul>”);e<rpTitles.length&&e<20&&e<maxresults;)document.write(‘<li><a href=”‘+rpUrls[r]+'”>’+rpTitles[r]+”</a></li>”),r<rpTitles.length-1?r++: r=0,e++;
        document.write(“</ul>”);
    }

    var rpTitles=new Array,rpTitlesNumb=0,rpUrls=new Array;
    </script>
    <div id=”bo-rp-box”>
    <script src=”/feeds/posts/default?alt=json-in-script&amp;callback=rp_results_label&amp;max-results=10″></script>
    <script>
    var currentposturl=””;
    var maxresults=6;
    removeRandomDuplicate(); showRandomLabels();
    </script>
    </div>

    Catatan :
    perhatikan code randompost dengan thumbnail “var borp_number = 5;” yang saya tandai dengan background kuning di code , itu artinya adalah banyaknya jumlah postingan yang akan muncul , ganti angka 5 dengan yang kamu inginkan .

    untuk yang tanpa thumbnail “var maxresults=6;” , ganti angka 6 denga banyaknya post yang akan ditampilkan

    jadi itulah tutorial bagaimana membuat widget random post dengan thumbnail atau tanpa thumbnail , sangat mudah bukan ? silahkan dicoba , jika ada yang kurang mengerti silahkan commentar ya … ..

    Leave a Reply

    Your email address will not be published. Required fields are marked *