5 Widget yang Wajib Dimiliki Oleh Blogger

5 Widget Yang Harus Dimiliki Oleh Blogger

Widget adalah salah satu komponen terpenting yang harus dimiliki oleh sebuah blog. Tanpa adanya Widget, blog terasa hampa, tidak memiliki fungsi dan kurang optimal. Buat newbie biasanya masih sering mengutak-atik widget dan memasang berbagai macam widget di blognya. Padahal tidak semua widget yang ia pasang benar-benar memiliki fungsi yang jelas. Oleh karena itu dipostingan kali ini saya akan memberikan sebuah tips & trik widget apa saja yang wajib dimiliki oleh setiap blog.

1. Menu Navigasi

Widget pertama yang wajib dimiliki oleh blogger adalah sebuah menu navigasi. Dengan adanya Widget navigasi ini akan memudahkan pengguna untuk memilih kategori yang diinginkan. Apabila sebuah blog tidak memiliki menu navigasi, maka bisa jadi akan membuat pengunjungnya kebingungan & lari !. Menu navigasi ini biasanya berupa drop down menu. Fungsi lain dari menu navigasi adalah kalian bisa menggunakannya sebagai link internal.

Saat ini, untuk template blog tahun 2013-2014 sudah memiliki menu navigasi dalam template-nya. Namun, jika kalian pengguna blogger lawas, tampaknya kalian harus menambahkan widget yang satu ini.

Baca Juga :

- Cara Membuat Menu Horizontal Lavalamp Dengan CSS dan Jquery
- Membuat Drop Down Menu CSS3 di Blogger

2. Social Subscription 

Penggunaan media sosial sudah menjadi hal yang wajib saat ini. Media sosial bisa digunakan untuk mempromosikan blog yang kalian kelola. Tentu saja jika kalian mampu mengelolanya dengan baik. Saat ini ada beberapa pilihan untuk media sosial, namun saat ini kita hanya akan fokus pada 3 media sosial terbesar saat ini yakni Facebook, Twitter & Google+.

Menambahkan widget social subcription akan menjaga follower tetap setia kepada blog yang kalian punya. Tambahkannlah widget Facebook Like Box, Bandage follower ( Lencana ) Twitter atau Lencana Google+. Jangan lupa juga untuk menautkan link blog kalian dengan media sosial yang kalian punya.

Misalkan begini, kalian mempunyai sebuah fanpage facebook yang sudah di-like hingga puluhan ribu orang, lalu suatu saat blog kalian mempunyai sebuah postingan terbaru. Orang-orang yang sudah like fanpage kalian akan segera mengetahui informasi postingan baru yang ada diblog kalian apabila kalian menautkan link blog kalian kedalam media sosial fanpage facebook tersebut. Dan hasilnya ? trafik blog kalian pun bertambah !

Dengan adanya media sosial ini juga, kalian bisa lebih dekat dengan para pengunjung kalian.

Baca Juga :

- Menambahkan Widget Sosial Bookmark dari Shareholic
- Menaruh Widget Flipper Sharing Untuk Blogger

3. Email Subscription

Ada yang tahu widget Email Subcription ? Ituloh yang ada tulisan 'Berlangganan via Email". Dahulu widget ini sempat booming  sebelum adanya facebook atau twitter. Cara kerja Email Subcription sebenarnya hampir mirip dengan Social Subcription. Bedanya dengan menggunakan Email Subcription, penggunjung kalian yang sudah "berlangganan" melalui Email, akan menerima berita baru langsung kedalam emailnya. 

Walaupun sudah banyak ditinggalkan, namun Email Subcription ini tetap penting, saya sendiri masih menggunakannya hingga sekarang :)

Baca Juga :

- Menaruh Kotak Email Subscription Dengan 3 Warna Berbeda
- Menaruh Widget Subscription Berbentuk Perangko

4. Social Sharing

Wdiget ini merupakan salah satu widget yang paling saya suka ! kenapa ? karena dengan adanya widget Social Sharing ini, blog kita akan semakin terkenal dan semakin banyak mendapatkan pengunjung. 

Saat ini ada banyaaak sekali situs yang menawarkan widget social sharing. Saya sendiri menggunakan Widget Social Sharing dari ShareThis. Kalian bisa mencari social sharing yang kalian suka di google, sudah ratusan ribu blog yang menawarkan cara menaruh social sharing diblog.

5. Related Post ( Artikel Terkait )

Widget ini adalah widget yang terakhir yang wajib dimiliki oleh setiap blogger. Biasa disebut juga Related Post atau bahasa Indonesianya Artikel Terkait. Dengan adanya Widget ini, pengguna dapat membaca postingan terkait sesuai dengan label yang dipilih. Selain itu, dengan adanya widget related post, pengunjung tidak perlu repot-repot untuk mencari artikel yang masih berketerkaitan. Jadi, pengunjung akan betah & berlama-lama diblog kamu. Jika tidak ada widget ini, bisa-bisa blog kamu seperti kuburan, setelah habis dikunjugi lalu ditinggal pergi hehehe.

Kesimpulan

Itulah beberapa widget yang menurut saya wajib untuk dimiliki oleh setiap blog. Saya sendiri sudah merasakan manfaat dari memiliki widget-wdiget tersebut. Blog yang memiliki kelima widget tersebut menurut saya sudah cukup untuk menunjang SEO. Jika kalian merasa ada widget yang wajib juga, silakan tambah dikomentar ! Thanks.

Read more »

Menaruh Kotak Email Subscription Dengan 3 Warna Berbeda

Setelah vakum beberapa hari akhirnya bisa memposting juga. Oke, pada kesempatan kali ini saya akan membagikan sebuah trik memasukkan email subcription ke dalam blog. Sebuah widegt yang di buat oleh design3edge. Tentu saja widget ini untuk memudahkan para pembaca kamu mendapatkan postingan kamu ke dalam email mereka secara gratis dan langsung. Ada 3 pilihan kotak subcribe yang saya bagikan, jadi kamu bisa memilih yang mana yang palin cocok buat blog kamu. Lihat caranya di bawah ini :

1. Masuk ke Blogger.com dengan akun kamu

2. Klik Tata Letak --> Tambah Gadget --> HTML/Javascript dan kamu masukkan salahsatu kode java script di bawah ini yang kamu inginkan.

a. Kotak Email Subcription Berwarna Biru

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisO_wBJH2ojPqZYXG-mnCbRyhyJRZcEHOD9y3tR3iArMl_r1cXnIGxtewzjrE5rk8lthXvUXnNHxSsCaxgkJjUm5IgN9tpax1T583VoLPZBNWNRNdlVakTk98uKbCwX47CyaO8Srfyfoo/s1600/helperblogger.com-blue.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}

form#helperblogger-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}

form#helperblogger-emailform #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 227px;
}

form#helperblogger-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}</style> 

<div id="helperblogger-emailbox">
    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=hzndi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="hzndi" name="uri" />
        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"
        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>

</div> 

b. Kotak Email Subcription Berwarna Abu-Abu

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguaNPPt8ymmBQA77hiHUOLEPGqwWykLsuLokgMzZ1QSRzLeFkwPxnEAkjf8PbPF1VRkiehvEHks1hYyE3mzXWtGdjV7nAZWnXyx7qnr-rJWxrOn3dglMIZN7Gzb4KoXu1HjpGmxaBN0gs/s1600/helperblogger.com-silver.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}

form#helperblogger-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}

form#helperblogger-emailform #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 227px;
}

form#helperblogger-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}</style> 

<div id="helperblogger-emailbox">
    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=hzndi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="hzndi" name="uri" />
        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"
        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div> 

c. Kotak Email Subcription Berwarna Merah

<style type="text/css">
#helperblogger-emailbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgafG1IwKN6obowVtfoY1ewpZZWz_u0ZTrdAARH8rNCNaTkYRZ3fs_SAQsZ4A_9MTeiOgZhrnjB7lEcN7azJKohL9b1IJeTh2dUGU03A_1zWWlvKh54qhNDsHW67PDoTQGFFN8vqdX1xdw/s1600/helperblogger.com-red.png)no-repeat scroll center center transparent;
    height: 143px;
    width: 368px;
}

form#helperblogger-emailform {
    display: block;
    margin: 0;
    padding-left: 42px;
    padding-top: 67px;
}

form#helperblogger-emailform #s {
    background: transparent;
    border: none;
    color: #444242;
    font-family: georgia;
    font-size: 15px;
    font-style: italic;
    height: 30px;
    margin-top: -2px;
    padding-left: 2px;
    vertical-align: top;
    width: 227px;
}

form#helperblogger-emailform #sbutton {
    background: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    padding-right: 45px;
}</style> 

<div id="helperblogger-emailbox">
    <form id="helperblogger-emailform" action="http://feedburner.google.com/fb/a/mailverify"
    method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=hzndi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
        <input type="hidden" value="hzndi" name="uri" />
        <input type="text" id="s" name="email" value="Enter Your E-Mail Here"
        onfocus='if (this.value == "Enter Your E-Mail Here") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Enter Your E-Mail Here";}'
        />
        <input type="hidden" name="loc" value="en_US" />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>

NOTE :  

• Ganti kode hzndi di baris 39 dan 40 dengan Username Feedburner kamu.  

4. Simpan dan Lihat hasilnya 

Read more »

Menaruh Widget Subscription Berbentuk Perangko

Sepertinya jika membahas tentang widget untuk blogger memang tidak akan ada habisnya, sekarang ada lagi widget dengan tampoilanb yang lumayang menarik dan seperti perangko. Di dalam widget tersebut juga kita bisa memasukkan alamat feedburner, RSS, Twitter, Facebook hingga google plus. Tentu saja itu semua dapat memanjakan pengunjung kita dan menambah jumlah follower di twitter maupun jumlah fans di FB. Lihat langkahnya di bawah ini.

1. Login ke blogger.com

2. klik Rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript.

3. Masukkan kode di bawah ini ke dalam Kotak HTML/Javascript tadi.

<style>
a:hover {background-color: transparent;opacity:0.7;}
</style>

<a title="Rss Feed" href="MASUKKAN ALAMAT FEEDBURNER KAMU" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKRnXReMkOI-wxU_tSjWafg3PbN0AB_-PAmauocviZvT7UtKG-6Ddyn7qt-BFg7Cpb-jB4mGKzVBZBd2UQ4jXF2dw0oOQQAO7fQeIi4Pi3t8jGUaQZjjIaA7mvkMs2umQVV6u1RmrQf2bP/s1600/rss_48x48.png" /></a>

<a title="Subscribe Via Email Rss" href="http://feedburner.google.com/fb/a/mailverify?uri=GANTI DENGAN NAMA FEEDBURNER KAMU&loc=en_US" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMq37-mDhbJ48Y7ui_Htgq_jhPLdsYTCbwyyCLrPOH1k9Or5tpWTDAeB_fdFj5mpV4WTGV95D_CEn3X7Rrcn4910M8UZjqIomqt-UTSx_XUq-kDB95plSlHp3SMj8HadJtACpiPSGJ0LP/s1600/mailrss_48x48.png" /></a>

<a title="Follow On Twitter" href="MASUKKAN ALAMAT TWITTER KAMU" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1-3WO4is1-5sdgoIPZibPk0j29K8mPXw8YUh7-MF3fFLleJIph9nHIGEwpFv1gz_vrTL49I4Vw46r-5O3610DnVzqDwLKasA9xs6TSZZRLjwxNRYSxaCNiM75QvNsbQPSZtCzGQ_9PFYZ/s1600/twitter_48x48.png" /></a>

<a title="Find Us On Facebook" href="MASUKKAN ALAMAT FB/ FANS PAGE FB KAMU" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqU-n-kqi11OzKh_qIR7n7LoM-lyreubgWBSlmyNwXD8TQ30rnmNEocU8xcUGDlzhiMK1P_iiaaExA0EvaXypKjgxd38qMfaYJ045odtLKVXFQMWr9lhzI4X8L7VDfBqTHxwwJXraThOio/s1600/facebook_48x48.png" /></a>

<a title="Add To Circles" href="MASUKKAN ALAMAT GOOGLE PLUS KAMU" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoCT5Ykh8v3O8BhHoW50-afcr35Ii_rYl3p5YFAc10A4odGWddtBtAtrE41j2C9pXrRmiEFS6En8eJ7f9OqtSKeiptbYYlCBIV04rUmb9ojNmD1Mg38bgtYjO1KAmyMm3Gf4U7I97e4vky/s1600/googleplus_48x48.png" /></a>

4. Simpan template.

Read more »