Cara Membuat Random Post + Thumbnail Gambar Cara Membuat Random Post + Thumbnail Gambar - mizipediacom mizipediacom: Cara Membuat Random Post + Thumbnail Gambar

KATEGORI










LIVE TV

Iklan Semua Halaman

Cara Membuat Random Post + Thumbnail Gambar

Sunday, May 14, 2017



Cara Membuat Random Post + Thumbnail Gambar 



Penjelasan kali ini mengenai cara membuat random post+ thumbnail gambar, cara yang saya jelaskan ini sangat mudah untuk di terapkan di blog anda khususnya untuk pemula.

Nah pasti anda sudah tau bukan fungsi dari Random post tersebut, jika anda tidak tau saya akan menjelaskan secuil saja mengenai fungsi random post, untuk fungsi dari random post adalah  untuk menampilkan sebuh post/ artikel milik anda secara acak-acakan di blog anda, agar para pengujung blog anda bisa lebih mudah untuk mengetahui artikel yang ada pada blog anda tersebut, sehinga bisa membuat para pembaca semakin penasaran dengan arikel anda yang lainnya.

jika anda sudah tidak sabar lagi untuk penerapanya cara membuatnya tersebut, anda bisa membaca penjelasan di bawah ini.

# Cara Membuat Random Post
  1. Pertama terlebih dahulu anda sudah masuk di dashbor Akun blog anda
  2. kemudian Masuk pada bagian Tata letak ==>Tambahkan gadget==> Html Javascript
  3. Langsung anda copy kode di bawah ini.
    <style>
    .rp-post-link {
    font-weight: bold !important;
    font-size: 12px !important;
    }
    .rp-summary {
    margin-bottom: 5px !important;
    border-bottom: 1px dotted #686868;
    font-size: 12px !important;
    line-height: 20px !important;
    word-wrap: break-word !important;
    }
    .rp-thumbnail {
    margin: 5px 5px 2px 0px !important; float: left !important; width:60px;height:60px; } .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 = 120; //Jumlah karakter postingan yang ditampilkan var numofpost=5; //Jumlah postingan yang ditampilkan
    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('<div>');
    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 +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
    break;
    }
    }
    item += "<br"
    item += "/>"
    if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
    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 += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
    document.write(item);
    }
    document.write('</div>');
    }
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
    </script>
  4. Lalu pastekan di kolom javascript.
  5. Terakhir anda klik save/ simpan. lihat hasilnya.
Note: 
  • oranage jumlah postingan yang akan di tampilkan
  • kuning Jumlah karakter atau huruf ringkas yang ingin kita tampilkan
  • merah  Lebear dan tinggi atau gambar yang inigin di tampilan pada setiap post
Demikian penjelasan kali ini mengenai cara membuat random post+ thumbnail gambar, selamat mencoba dan bisa bermanfaat untuk anda. jika ada yang ingin di tanyakan silahkan klik tombol komentar di bawah ini. salam blogger
Lihat Juga