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.

Continue Reading

Cara Pasang Komentar Facebook Pada Blog

Cara Pasang Komentar Facebook Pada Blog- Kotak Komentar pada blog adalah bagian terpenting pada Blog, karena dengan adanya kotak komentar inilah para pembaca atau pengunjung blog dapat menyampaikan isi hatinya. Bayangkan saja ketika kita sedang membutuhkan suatu informasi yang bagi kita adalah sebuah informasi yang sangat penting, namun ketika kita punya pertanyaan seputar informasi tersebut dan ingin menyampaikanya kepada penulis blog, namun dalam blog tersebut tidak disediakan kotak untuk menyampaikan komentar, tentu saja sangat menyulitkan kita sebagai pembaca atau pengunjung blog.

Sebenarnya blogger sendiri telah menyediakan kotak komentar, namun terkadang jika si pembaca atau pengunjung yang ingin berkomentar tidak mempunyai akun google merasa kesulitan untuk menyampaikanya, karena keterbatasan user ID yang di izinkan untuk menyampaikan komentar. maka dari itu disini saya akan berbagi sedikit tips kepada sobat blogger tentang Cara Pasang Komentar Facebook Pada Blog. Mungkin sobat ada yang bertanya, mengapa harus komentar facebook yang dipakai? Karena Menggunakan Komentar Facebook memiliki bentuk thread comment, sehingga kita  bisa membalas komentar. Selain itu juga terintegrasi dengan facebook, sehingga komentar bisa dibagikan di facebook si komentator.Keuntungan lainnya adalah, dengan menggunakan kotak komentar facebook maka akan lebih menghemat tempat atau space pada blog kita.

Cara Pasang Komentar Facebook Pada Blog

• Langkah pertama, silahkan sobat login ke akun blogger sobat
• kedua, masuk ke menu Template
• Pilih Edit Html dan jangan lupa beri tanda centang pada Expand template widget
• Selanjutnya silahkan cari kode  <b:includable id='status-message'>  , Setelah ketemu, coba sobat geser sedikit keatas, maka sobat akan menemukan kode </b:includable> 
• setelah itu silahkan taruh kode berikut tepat diatas kode </b:includable>  tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><a href='http://lhk-blogs.blogspot.com/2013/04/Cara-Pasang-Komentar-Facebook-Pada-Blog.html' target='new'><img border='0' height='30' src='http://1.bp.blogspot.com/-8ZYTlaWyKss/UVshAXvJt1I/AAAAAAAAAbI/cop-xo1JEl0/s1600/comment+copy.png' width='200'/></a></p><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='10' width='580'/></b:if>

Sehingga Seluruh kodenya akan terlihat seperti ini

<b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><a href='http://lhk-blogs.blogspot.com/2013/04/Cara-Pasang-Komentar-Facebook-Pada-Blog.html' target='new'><img border='0' height='30' src='http://1.bp.blogspot.com/-8ZYTlaWyKss/UVshAXvJt1I/AAAAAAAAAbI/cop-xo1JEl0/s1600/comment+copy.png' width='200'/></a></p><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='10' width='580'/></b:if></b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
<b:includable id='status-message'>

Keterangan : 

1. Angka yang  saya beri warna kuning adalah jumlah komentar yang akan ditampilkan, sobat bisa menggantinya sesuai dengan keinginan sobat.
2. Angka yang saya beri warna biru adalah ukuran lebar kolom komentar facebook tersebut. silahkan sobat ganti sesuai dengan ukuran pada template sobat masing-masing.

• jika sudah selesai, silahkan sobat simpane template sobat  dan lihat hasilnya.

Continue Reading

Cara membuat Random Post Berjalan pada Blog

Ada bermacam jenis widget random post yang bisa kita pasang pada blog kita, salah satunya adalah Random post yang berupa Link atau judul postingan kita yang ditampilkan secara acak dan berjalan seperti efect marquee.

Sebelum kita memasang belajar Widget Random post tersebut, Akan saya jelaskan dulu fungsi atau manfaat dari random post ini, diantaranya :

1. Meningkatkan Jumlah Page view pada blog kita
2. Menampilkan Postingan yang mungkin sudah lama tidak muncul sehingga dapat ditemukan kembali oleh para pengunjung blog kita.
3. memudahkan pengunjung yang sedang mencari informasi yang mereka butuhkan pada blog kita, karena secara otomatis Random Post ini akan menawarkan berbagai artikel yang sudah kita posting pada blog.
4. Satu lagi, keuntungan mengginakan random post jenis ini adalah Tidak membutuhkan tempat yang besar, karena bentuknya yang hanya berupa teks.

Continue Reading

Cara membuat penomoran halaman pada daftar Posting

Seperti Sebuah kamus yang biasa kita pakai waktu sekolah yang terdapat Index berupa Nomor halaman yang berfungsi mempermudah kita dalam mencari sebuah tulisan penting. penomoran halaman tersebut juga dapat diterapkan pada Blog. fungsinya pun tidak jauh berbeda, yaitu mempermudah pengunjung untuk mencari Halaman posting yang mereka butuhkan. Sebagai ilustrasinya, bisa sobat lihat gambar dibawah ini.

Jika sobat tertarik dan berniat untuk menambahkan Nomor halaman pada posting blog kalian, silahkan simak cara saya berikut :

Continue Reading

Cara membuat Related Post dengan Tumbnail

Cara membuat Related Post dengan Tumbnail

Sekitar dua minggu yang lalu saya telah melakukan posting tentang cara membuat related post ada blog, namun dengan tampilan yang biasa dan hanya berupa judul post saja. Nah.... kali ini saya akan berbagi kepada sobat tentang cara membuat Related post dengan gambar tumbnail. Tentu saja ini lebih menarik kan?
Sedikit info tenteng related post : Related post adalah Salah satu fitur pada blogger yang berfungsi untuk menginformasikan beberapa postingan lain yang masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung pada blog kita. Related post ini selain berfungsi untuk memudahkan para pengunjung untuk mendapatkan informasi yang sedang mereka cari, juga berfungsi untuk meningkatkan pageview pada blog kita lho sob. Nah.... Lumayan kan? banyak juga fungsinya. maka dari itu sekara mari kita coba membuatnya.

Continue Reading