Cara Gampang Memasang Recent Comments Di Sidebar Blogger

Cara Praktis Memasang Recent Comments di Sidebar Blogger - Akan sangat menyenangkan bagi kita sebagai blogger pemula dikala memposting sebuah artikel di blog, lalu artikelnya banyak dikunjungi dan dibaca banyak orang alasannya mungkin isinya bermanfaat, sehingga visitor tidak ragu meninggalkan jejak di blog kita dalam bentuk komentar yang berisi ucapan terima kasih, kritik, saran atau apapun itu.

Dan akan lebih baik kalau komentar yang masuk ke artikel kita untuk ditampilkan secara khusus di sebuah gadget di sidebar (bagian sisi) blogger, yakni dengan menambahkan atau memasang gadget 'Recent Comments".  Karena selain akan menciptakan tampilan blog kita terkesan semarak juga sanggup memancing pengunjung yang gres tiba untuk mengunjungi artikel yang dikomentari tersebut. Juga penambahan gadget recent comments ini sangat baik terhadap SEO, alasannya kata-kata yang muncul dalam komentar tersebut sanggup terdeteksi dan muncul di halaman pencarian Google, bilamana tertulis satu kata kunci yang dicari pengunjung terdapat dalam komentar yang ditulis.

Baik, semoga tidak bertele-tele, berikut yaitu tutorial singkat dan mudah untuk menambahkan recent comments di sidebar blogger.

1. Masuk ke akun blogger sobat, pilih sajian Tata Letak / Layout. Klik Tambahkan Gadget, dan Pilih Gadget Feed, menyerupai terlihat di bawah ini.

2. Masukkan link umpan situs / URL feed dengan format menyerupai berikut ini.

http://bloganda.com/feeds/comments/default

 Ganti goresan pena merah dengan URL blog sobat. Klik tombol Lanjutkan

3. Kemudian akan tampil jendela menyerupai terlihat di bawah ini. Beri judul dengan nama "Komentar" atau "Komentar Terbaru" atau "Recent Comments". Terserah, yang penting nyambung. Lakukan pengaturan tampilan sesuai dengan keinginan. Bisa dilihat Pratinjaunya dulu sebelum disimpan. Jika sudah klik Simpan.

4. Dan selesai. Jika berhasil, maka akhirnya kurang lebih akan menyerupai ini

Demikianlah artikel sederhana perihal cara gampang memasang widget recent comments di sidebar blogger ini saya tulis. Semoga bermanfaat. Baca juga Cara Menambahkan Widget Recent Post di Blogger

Read More

Menambahkan Widget Recent Post Super Mantab Dengan Thumbnail Pada Blogger

Artikel ini yaitu lanjutan dari artikel sebelumnya yang juga berjudul hampir sama, yakini Menambahkan Widget Recent Post pada blogger. Bedanya, di sini  widget yang akan dipasang sedikit lebih variatif dan dijamin terlihat mantab, alasannya yaitu disertai Thumbnail (Gambar kecil khusus yang mewakili isi blog) dan deskripsi singkat (summary post) dari postingan terbaru yang ditampilkan.

Seperti yang telah dijelaskan sebelumnya, widget Recent Post yaitu widget pada blogger yang mengatakan kumpulan artikel yang terakhir dipublish atau gres aja dipublish. Dengan adanya widget ini, maka beberapa artikel yang gres kita publish akan terkumpul dalam suatu daftar dalam widget di sidebar blogger Anda. Pemasangan widget ini di blog Anda akan sangat bermanfaat dan dapat meningkatkan jumlah kunjungan pada halaman blog Anda. Selain itu akan menciptakan blog anda menjadi lebih berwarna dan tampak lebih menarik perhatian pengunjung untuk mengklik dan membaca isi dari posting yang disediakan. Contoh widgetnya yaitu ibarat pola di gambar di bawah ini.

Contoh widget recent post with thumbnail

Oke kalau Anda tertarik untuk memasang widget recent post mantab dengan thumbnail ini, dapat ikuti tutorialnya berikut ini:
1. Log in ke akun blogger Anda. Kemudian sehabis masuk dashboard blogger masuk ke sajian "Layout" atau "Tata Letak"
2. Klik Tambahkan Gadget pada bab sidebar, kemudian pilih HTML/JavaScript  

3. Setelah muncul jendela baru, copy semua instruksi di bawah ini dan paste-kan di bidang konten/isi. Klik simpan.

<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNCAr5-rtJuUhuNFPltZ7uXCHzoUBSPTcmdvfOjFJeKT4x0TmVXu01RWNZ6Bux9ZDTRIVCaEgjHphfFLv5fZKaY-Lmb0AO1PDg7NdjdbXsUaybe0-iYga5zfUaZHzDH3R-Is3_esHuqZWu/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" sasaran ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" sasaran ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" sasaran ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
</script>

<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
var post_summary = true;
var summary_chars = 40;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href=" " rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #69B7E2;}
.recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;}
ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%}
ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.recent-posts-container a{text-decoration:none;}
.recent-post-title {margin-bottom:5px;}
.recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}
.recent-posts-details a{color: #777;}
</style>

var numposts = 5 yaitu jumlah post yang akan tampil dalam widget

var showpoststhumbs  untuk mengatur apakah akan menampilkan thumbnail atau tidak, kalau tidak ingin tampilkan thumbnail, ganti goresan pena "true" menjadi "false"

var showcommentslink : untuk menampilkan link komentar + Jumlah komentar dari postingan yang tampil.

var posts_date > untuk pengaturan mengatakan tanggal posting 

var post_summary > untuk pengaturan apakah ingin menampilkan summary atau tidak

var summary_chars > mengatur jumlah abjad awal posting yang muncul dalam summary. Bisa dikurangi atau ditambah.

Silahkan diedit sesuai kehendak. Intinya "true" berarti perintah tampilkan dan "false" perintah sembunyikan. Paste semua code di bab isian konten.Kemudian klik Simpan.

4. Oke sehabis Anda edit, silahkan cek kembali blog Anda. Jika berhasil, maka tampilan widget nya kurang lebih ibarat di bawah ini. Bagaimana, cukup mantab, bukan.

widget Recent Post with Thumbnail

Dan selamat, blogger anda kini sudah terpasang widget Recent Post yang keren dan mantab. Tentunya dapat mempercantik tampilan blog Anda dan meningkatkan kunjungan pastinya. Oke sekian tutorial sederhana wacana menambahkan widget recent post mantab dengan thumbnail ini. Semoga bermanfaat. Terima kasih. Jangan lupa baca juga Cara Membuat Readmore Pada Postingan Blog

Code source : http://helplogger.blogspot.co.id

Read More

Menambahkan Widget Recent Post Pada Sidebar Blogger

Widget recent post / post terbaru - yaitu salah satu elemen widget yang penting untuk dipasang di sebuah blog, khususnya blog blogger. Dengan memasang widget ini, maka pengunjung blog kita akan mengetahui artikel-artikel yang gres diposing oleh si penulis.

Dan dengan begitu, maka kesempatan untuk mendapat page view (kunjungan halaman)  dari pengunjung blog menjadi lebih besar. Widget ini biasanya dipasang di sidebar (sisi kanan / kiri tampilan blogger). Dan di posting kali ini saya ingin membuatkan tutorial cara menambahkan widget recent post di blogger kita. Ini yaitu cara paling sederhana yang sanggup dilakukan untuk menambahkan widget recent post pada blogger. 

Oke jikalau Anda tertarik untuk memasang feature widget ini di blog Anda, silahkan ikuti tahapan-tahapan berikut

1. Login ke akun blogger Anda. Setelah berhasil log in, klik pada nama blog, kemudian pilih sajian "Tata Letak" atau "Layout"
2. Klik Tambah/widget, dan di antara banyak pilihan yang muncul, klik tanda + (tambah) pada pilihan Feed.
   
3. Ketikkan URL / Alamat blog blogger Anda di form yang tersedia, kemudian klik Continue. Tunggu beberapa ketika
   
4. Ganti judulnya menjadi "Recent Post" atau "Post Terbaru" atau "Ada yang gres lho" dan sejenisnya. Silahkan dicentang pengaturannya sesuai keinginan.  
   
5. Klik save / simpan. Dan Lihat Blog Anda. Jika berhasil, kesannya akan ibarat ini.
6. Selamat, blog Anda kini sudah dipasangi Recent Post Widget / Widget Post Terbaru.  

   

   Contoh Recent Post Widget pada blogger

Selain sanggup membantu dalam peningkatan jumlah page view, widget ini juga mengakibatkan blog Anda menjadi lebih hidup dan terlihat menarik pastinya. Demikianlah tutorial sederhana wacana cara menambahkan widget recent post pada blogger ini. Semoga bermanfaat. 

Bila Anda menginginkan tampilan widget recent post yang lebih variatif, baca juga Menambahkan Widget Recent Post Paling Mantab dengan Thumbnail pada blogger.

Read More