Cara Membuat Random Post + Thumbnail Gambar




Cara Membuat Random Post + Thumbnail Gambar
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

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect