Warung Bebas

Rabu, 12 Juni 2013

Menambahkan Gadget Random Posts di Blogger

Gadget / widget Random Posts
Berikut ini saya bagikan cara membuat widget / gadget Random Posts untuk blogger. OK, langsung saja ke cara pembuatannya.
  1. Login ke Blogger.com menggunakan akun Anda.
  2. Pilih menu Tata Letak / Layout seperti gambar di bawah ini.
  3. Layout / Tata Letak
  4. Setelah itu pilih Tambah Gadget / Add Gadget (lihat gambar di bawah ini).
  5. Tambah Gadget / Widget (Add Gadget / Widget)
  6. Kemudian pilih HTML/JavaScript (lihat gambar di bawah ini).
  7. Setelah itu copy paste kode di bawah ini.
  8. <style type="text/css">
    .rp-pubdate {
    font-style: italic !important;
    margin-bottom: 3px !important;
    }
    </style>
    <script type="text/javascript">
    var randarray = new Array();
    var l=0;
    var flag;
    var lengthsummary=70;
    var numofpost=5;
    var showdate=false;
    function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0; i < numofpost;){
    flag=0;
    randarray.length=numofpost;
    l=Math.floor(Math.random()*total);
    for(j in randarray){
    if(l==randarray[j]){
    flag=1;
    }
    }
    if(flag==0&&l!=0){
    randarray[i++]=l;
    }
    }
    document.write('<ul style="line-height:10px;">');
    for(n in randarray){
    var p=randarray[n];
    var entry=json.feed.entry[p-1];
    var item ="";
    var posttitle = entry.title.$t || "[Untitled]";
    "[Untitled]"
    for(k=entry.link.length -1; k >= 0 ; k--){
    if(entry.link[k].rel=='alternate'){
    item +="<li><a href='" + entry.link[k].href + "'>" + posttitle + "</a>";
    break;
    }
    }
    item += "<br"
    item += "/>"
    if(showdate==true){
    var pubdate = new Date(entry.published.$t).toDateString();
    item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span><br/>";}
    var summary = "";
    if ("content" in entry) {
    summary = entry.content.$t;
    }
    else if ("summary" in entry) {
    summary = entry.summary.$t;
    }
    var re = /<\S[^>]*>/g;
    summary = summary.replace(re, "");
    item += summary.substring(0,lengthsummary) + " ...</li>";
    document.write(item);
    }
    document.write('</ul>');
    }
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
    </script>
  9. Setelah itu lihat hasilnya. Selesai.
Yang bisa diganti dari source code di atas adalah:
var lengthsummary=70; (70 adalah jumlah karakter huruf yang ditampilkan.)
var numofpost=5; (5 adalah jumlah posting / artikel yang ditampilkan.)
var showdate=false; (Gunakan false untuk menyembunyikan tanggal dan true untuk menampilkannya.)

0 komentar em “Menambahkan Gadget Random Posts di Blogger”

Posting Komentar

 

Indah Hidup Copyright © 2012 Fast Loading -- Powered by Blogger