Cara Memasang Widget Alexa di Blog

Jika Anda sudah membuat akun Alexa, tidak lengkap rasanya apabila Anda tidak memiliki widget Alexa. Ya, fungsi dari widget Alexa adalah untuk melihat statistik peringkat blog Anda di mata Alexa di dunia internet internasional. Memang, jika Anda tidak memasang widget Alexa Anda masih dapat melihat peringkat blog Anda di situs resmi Alexa. Namun, cara tersebut kurang praktis. Oleh karena itu, kita harus memasang widget Alexa agar kita dapat melihat peringkat blog kita secara lebih praktis. Namun mungkin akan ada rasa  kebanggan tersendiri juga bagi orang yang memasang widget Alexa dengan peringkat yang sudah bagus. Jadi tunggu apalagi ? Ini dia cara memasang widget Alexa !

1. Kunjungi http://www.alexa.com/siteowners/widgets.

2. Masukkan alamat URL blog Anda pada kolom "Alexa Site Stats Button"(lihat gambar diatas). Setelah itu, klik Build Widget.

3. Copy kode yang disediakan Alexa, terserah Anda mau memilih tampilan yang mana saja. Setelah di copy, masukkan ke Gadget HTML/JavaScript.

4. Klik Simpan. Sekarang lihat perubahannya.

Membuat Widget Translate Bendera Bulat di Blog

Widget translate adalah widget yang umumnya wajib dimiliki seorang blogger dalam membuat blognya. Hal ini dikarenakan banyaknya orang di dunia, dan bukan tidak mungkin orang luar negeri melihat artikel blog Anda. Jika mereka tidak mengerti bahasa yang kita gunakan maka rugi bukan? Ya, widget translate ini memang sangat cocok untuk blog yang ingin memiliki pengunjung dari luar negeri.

Widget translate yang sedang dibahas memuat 12 bahasa. Meskipun sampai sekarang saya sudah menonaktifkan widget translate ini, karena saya ingin fokus blogging di dalam negeri kita, Indonesia. Dengan begini, maka pengunjung blog dari negara lain dapat menikmati entri dan artikel kita bukan? Bukankah jika pengunjung dari luar negeri tersebut memberi komentar dengan bahasa mereka juga, bukankah kita dapat jadi belajar bahasa asing? 

Langkah 1: Dari dasbor, pindah ke Tata Letak. Tambahkan gadget "HTML/JavaScript.

Langkah 2: Copy kode ini di kolom konten.

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjONg60bT3mh2gI4txd-pRqxT_00B71qKeaqNY3Ch43OpMsAYzSQMxgUhN0c4h7FZcVTxUS0-6Njv9ugFn4DnqFgAKO9WllhHY57G-u3AS_SKkuVeH3Uq1dBFfOQqXOt7rDUHRR1RXnSmHM/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkGBPxcMgths66-Q3aNfIV4JIG5qjyIdjfOChW3D-W1PYN1gF-Sn4D7ifMTMBJaHzfbT87TUbLOjIwNJq0USqlDKS3slsXtKyFIqFmSZX97fO9ovU5HEe83AAm9v8aX03kobMTktaJiDvR/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO8kDO3kpv6-mnqf3afOjhDNfuzsaTDXMUjEj8fityC2u1Unn7pU7gsWYCh2ihaWqpnmidb3gQh0S_cDhaufKdtO0WpLOQRhSHmueeWTtfS8IVUn-jZnFRuAU5QzGerxK22Bw-DoEK6g54/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSGOsSRRx5jRLffqkx_dr6V5EcNzPrYK405heq-lnNPcfvQ9er7XL2pGl2bYHZuuPFFqO0dkQySjBxF2dZysiN9yO-DWj4nwLWiWau86kpuxwNiHQgN1HZNAzPETASQ8eQHZSyHcxfLC0-/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTm92NIsSySJ6tSi1TGYLa4KaG_QJ2omFJxWtMM0mhnTx4lLhjQ6X3FDr3YhKyZ2bV7xsl_vAy7r6R8TymK9h005xFdtbYdneJRPGJkOKydumLmMVjATXrVa4_PUiQMU4dGyJKnHqWvAm4/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZJl3OkheiMPwianVwK__-3OFhJXdAWFElJCWNWRldIn77-zrfmB-Yzuuw4zLjI_VSGM_1ZItTGkToLEBFPE_Ho2bvayZORhjo4AkxlneI3Mp4MRuOdyLt3Fq6WS35sGj9UooiDY5SW_My/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEfElUeZVmhxj1t6oj-SnR3J0fT-XccZ5X9eo9yd62JZwsSAcMVR47YTGWJJV3FramuqJoEP-v9t8jhcq36436uvPHQIbLNWR1yJvUI3B475VzpnBSKCgtOlojCLxJpHa9HCkoyxDgw0I6/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgaE_iSl2Eu6IVFyoXjx8kXnQpJ2PCUNaHnzyOMbE3xPTFtUAomewoGxO9Csk9VhwA-XNPlLd9-qsk5zHT5l8Jk7Uo9mz1VIqZmnrGp_aq_FjvGOKWg85R3PS2_nySFIJEaVv7dSbLSrfG/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG9tV5Z2WMvzre6lrgFzN6_2qR8-7IlBqq_Po8yF_J2SgZ_aGE8-0w6R5frIlymIeJKVr5vlLuNgR5y6Bg0SmWvDytsVZJC3d3SiQhVNufBSkBpGKnPOSk4rnmtG5ONY1nnATVnnZAUQJk/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM9b9iLNR8fk487tQLjA9IpV086UHBziFF-Jk7iHy9ik_5kJ-iTY2cWug6lIrz84K97Xb7yx1A2Xcd9CFmtEEhrowOnJIayrfg8IzLROuNU_nENox0PmqatBoEeR3MsTPU6N1wG3iPRNNQ/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLoG06cshqJ8RbwE9bZUZf9SqN514WwARqpJHlUjsMyfhTP5dNvRcI0eTSkGtfJpFlkB3vIDoqDy_WKa5V9JoQhwCSVdMz-4_HoDnMGxdnghinAnixT9qowa8VEpXGrqGeEmhDEu1i7BGn/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvynEpBRYGHKYm6OImssnB3O9eI8CpQRm8zPcfNyVaFC9JNwkp2W_EeI6MaN8ClIxoAUUviPVmFjj5r8irFlt_8Sq8oJV3OI26YakOc1KnBHiivpmltbbaUnvFn59FYcrmLBQcKoB3XnIl/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://afiqtutorial.blogspot.com/2014/03/membuat-widget-translate-bendera-bulat_8.html" target="_blank">Translate Widget</a> by Google </div> </div>

Langkah 3: Klik Simpan. Lihat perubahannya di blog Anda.

Jika lebar widget translate yang Anda inginkan tidak sesuai dengan selera Anda, maka coba klik menu Template >> Template >> Sesuaikan Lebar.

Membuat Widget Flag Counter di Blogspot

Flag Counter merupakan widget yang dapat melihat statistik pengunjung blog. Widget ini dapat menampilkan seluruh pengunjung blog dari berbagai negara di dunia. Flag counter terkenal karena akurat dan ringan untuk blog. Sehingga widget flag counter tidak memberatkan blog. Fungsi lain dari flag counter selain menampilkan seluruh pengunjung adalah untuk unjuk gigi bahwa blog kita memiliki banyak pengunjung. Namun, flag counter tidak menambahkan visitor (pengunjung) apabila pengunjung blog tersebut berasal dari komputer yang sama. Flag counter juga dapat untuk menampilkan pageviews, yaitu berapa kali halaman blog Anda dilihat. Berbanggalah jika pageviews yang dimiliki blog Anda tinggi, tidak seperti blog ini (hahaha).

Langkah 1 : Kunjungi Flag Counter.

Langkah 2 : Kustomisasikan flag counter Anda. 

Maximum Flags to show = Untuk menampilkan bendera gambar maksimal.

Columns of Flags = Untuk mengatur berapa kolom bendera.
Label on Top of Counter = Untuk mengurutkan counter dari negara teratas.

Background Color # = Untuk mengubah warna background.

Text Color # = Untuk mengubah warna teks dalam flag counter.

Border Color # = Untuk mengubah warna teks border.

Show Flag Labels = Untuk menampilkan label dari tiap bendera. Misal: Indonesia berarti ID.

Show Pageview Count = Untuk menampilkan pageviews blog Anda.

Show Number of Flags = Untuk menampilkan bendera negara pengunjung yang telah mampir ke blog.

Langkah 3 : Klik >> GET YOUR FLAG COUNTER

Langkah 4 : Copy kode untuk blog, kemudian pada Blogger , pilih Tata Letak. Kemudian Tambahkan Gadget HTML/JavaScript(disarankan pada sidebar). Pastekan kode tadi di kolom konten. Untuk judul, tulis saja misalnya "Statistik".

langkah 5 : Simpan Setelan. Sekarang lihat blog Anda.