Cara Membuat Random Post Keren dengan Tumbnail

Cara Membuat Random Post Keren dengan Tumbnail- Random Post adalah Sebuah Widget yang berfungsi untuk menampilkan Postingan yang telah kita Puplish secara acak. Disini saya akan mengajak Sobat untuk belajar bagaimana cara membuat random post yang disertai dengan tumbnail. Tentunya sangat keren dan beda dengan yang ada pada umumnya. Tidak hanya itu, disini yang tampil juga bukan hanya judul postinganya saja, tapi juga dengan beberapa Deskripsinya. Salah satu fungsi atau kegunaan dari Random post adalah Menampilkan kembali artikel yang mungkin sudah lama kita buat dan karena terlalu lamanya sehingga jarang ditampilkan, Selain itu Random post juga dapat berfungsi sebagai saran artikel yang mungkin sedang dicari oleh pembaca blog kita, sehingga mereka akan merasa mudah dalam mencari artikel yang mereka butuhkan. Oke langsung saja mari kita belajar cara membuatnya.

Cara Membuat Random Post Keren dengan Tumbnail

• Langkah pertama, sobat harus login dulu ke akun blogger sobat.
• Kedua, Pilih menu Layout
• Ketiga, Pilih Add Gadget dan Pilih Html/JavaScript
• Keempat, Masukan kode berikut

<style>.rp-post-link {font-weight: bold !important;font-size: 120% !important;}.rp-summary {margin-top: 3px !important;font-size: 100% !important;line-height: 1.3em !important;word-wrap: break-word !important;}.rp-thumbnail {margin: 5px 5px 2px 0px !important;float: left !important;width:65px;height:65px;}.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 = 100;var numofpost=4; 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 += "/>"var pubdate = new Date(entry.published.$t).toDateString();item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>";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>

• Sebelum Sobat Menyimpan Script tadi, ada beberapa Kode yang harus sobat ubah sesuai dengan Keinginan Sobat, diantaranya :

1. Angka yang saya tandai dengan warna Biru adalah ukuran Lebar dan tinggi dari Tumbnail.
2. Angka yang saya tandai dengan warna Merah adalah Jumlah karakter Deskripsi Pada Random Post.
3. Angka yang saya beri warna Hijau adalah jumlah Postingan yang akan ditampilkan, Silahkan sobat ubah sesuai dengan Selera Sobat.

• Setelah Sobat selesai Mengaturnya, seilahkan Simpan, dan Lihat Hasilnya.

Nah, Keren kan? Oke begitu saja.....
Demikian yang bisa saya share kali ini, Semoga dapa membantu dan bermanfaat bagi sobat. Jika ada Pertanyaan Mengenai  Cara Membuat Random Post Keren dengan Tumbnail, Silahkan sobat Tinggalkan Komentar dibawah ini. Terimakasih.

Ditulis Oleh : Anonymous TIPS DAN ARTIKEL BLOGGING TERLENGKAP

Sobat sedang membaca artikel tentang Cara Membuat Random Post Keren dengan Tumbnail. Oleh Admin Lhk-Blogs, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://lhk-blogs.blogspot.com/2013/04/cara-membuat-random-post-keren-dengan.html" target="_blank">Cara Membuat Random Post Keren dengan Tumbnail</a>

:: Buat Permalink di Blogmu ::