Apa Saja Yang Harus Dipasang Di Sidebar Blog?

Tentu saja blogger sudah tahu apa itu sidebar, tetapi mungkin ada juga blogger pemula seperti renz yang masih belum tahu apa itu sidebar dan apa kegunaannya, jadi renz akan menjelaskan dahulu apa itu sidebar dan apa kegunaan dari sidebar itu sendiri.

Sidebar blog adalah bagian dari tata letak sebuah blog. Sidebar merupakan kolom blog yang berada disebalah kanan, kiri, atas, bawah suatu postingan blog. Pasti sobat sudah pernah melihat berbagai widget disuatu blog atau web, baik itu disebalah kanan, kiri, atas, bawah postingan blog atau web tersebut.

Kegunaan sidebar adalah untuk mempercantik blog, memberikan informasi tentang blog, memberikan informasi tentang pemilik suatu blog, bisa menjadi tempat menyimpan media social dari pemilik blog, bisa juga menjadi tempat menyimpan iklan suatu blog, informasi dari pemilik blog tersebut, dan masih banyak kegunaan atau mamfaat sidebar di suatu blog yang tidak bisa renz sebutkan semua.

Sudah tahu kan apa itu sidebar dan apa kegunaannya? walau tidak jelas sih penjelasan renz diatas.

Sekarang kita bahas tentang apa saja yang harus dipasang di sidebar blog.

• Eh~, memang nya apa saja yang harus dipasang di sidebar blog renz?

Pastinya widget-widget yang berguna dong.
Widget adalah elemen sebuah blog dengan navigasi atau internal link yang memandu pengunjung menjelajah atau mengeksplorasi atau juga membuka postingan lainnya di suatu blog.
Widget juga merupakan lemari atau kotak yang menampilkan artikel-artikel unggulan di suatu blog.

Dengan memasang widget kita bisa menambah nilai SEO dan user friendly blog. Tetapi resiko nya adalah menambah berat blog atau blog menjadi slow loading.
Jadi, pasang widget yang hanya berguna untuk blog sobat, banyak boleh tapi yang berguna dimata pengunjung.
Disini renz akan memberikan tips apa saja yang harus sobat pasang di sidebar blog sobat.

---

1. Popular posts - Widget postingan/artikel terpopuler dari blog sobat (banyak dilihat)

2. Follow by Email atau Subscription box - Ikuti lewat email atau ini adalah widget bagi pengunjung yang ingin berlangganan dengan blog sobat. Nanti artikel terbaru sobat akan dikirim lewat email oleh Feedburner ke pengunjung yang berlangganan dengan blog sobat.

3. Social link - Mau itu link fanspage facebook sobat, akun FB pribadi, Google+, Twitter, WhatsApp, dll. (Baca juga: Cara memasang fanspage dibawah postingan)

4. Label - Kategori artikel sobat. Memudahkan pengunjung untuk atau hanya ingin membaca artikel sobat yang berkategori semisal: Tutorial / Tips
(Widget ini biasanya dipasang di navigasi menu template blog sobat, tetapi jika belum terpasang sobat harus memasang di sidebar blog sobat)

5. Recent Posts - Postingan atau artikel terbaru yang sobat publikasikan.

(Renz sarankan untuk memasang recent posts di artikel saja, jadi di homepage tidak usah diperlihatkan. Tidak  tahu caranya? Akan renz kasih tutorialnya.

• Pertama sobat masuk dulu ke dashbord sobat blogger.com
• Klik tata letak / layout
• Sobat klik lagi "Tambahkan Widget" pada bagian sidebar, lalu sobat pilih HTML/Javascript
• Beri judul "Recent Posts
• Copy semua kode dibawah ini dan letakan / paste di bidang konten/isi.

<style type='text/css'>
img.recent_thumb {width: 90px;height: 70px;float: left;
margin-right: 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;} .recent_posts_with_thumbs a {text-decoration:none;} .recent_posts_with_thumbs strong {font-size:10px;}</style><script style='text/javascript' src='https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></script><script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 50;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/>

Widget by : Mas Indra Mustofa Hidayat

• Klik simpan / save
• Lalu sobat masuk ke Template ↔ Edit HTML
• Cari kode

locked='false' title='Recent Posts' type='HTML'

(Gunakan CTRL+F untuk memudahakan pencarian sobat)
• Misalkan kode nya seperti ini

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

• Nah sobat edit sedikit kode tersebut.
• Tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>

sebelum atau diatas kode
 <!-- only display title if it's non-empty -->

• Setelah kode diatas ditambahkan, sobat masuk kode </b:if> sebelum atau diatas kode
</b:includable>
</b:widget>

• Jadi seluruhnya kode diatas akan menjadi seperti ini

  <b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML' visible='true'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if></b:includable>
  </b:widget>

• Simpan/save template, dan selesai)

---

Mungkin hanya itu yang perlu bahkan ada yang WAJIB dipasang di blog sobat.
Sekian tips renz tentang apa saja yang harus dipasang di sidebar blog semoga bermamfaat.

Lihat juga artikel-artikel Renz kategori Tutorial dan Berbagi.