Widget

Cara Mendaftarkan Blog ke Alexa (Step by Step Tutorial)

Posting ini merupakan tutorial cara/langkah-langkah mendaftarkan blog/website di Alexa. Mendaftarkan blog di Alexa merupakan salah satu cara untuk mendapatkan audit dasar untuk mengetahui perkembangan traffic blog/website. Untuk informasi lengkapnya silakan simak "Apa itu Alexa?" Baru memiliki blog ataupun memiliki rank alexa yang masih rendah bukan masalah. Justru, hal itu akan memberikan gambaran tentang kualitas blog anda dan memacu anda lebih bersemangat lagi. Betul?

Berikut langkah-langkah pendaftaran blog/website di Alexa secara detail:

1. Masuk ke Alexa.com.

2. Kemudian pilih tab 'Site Tools'.

3. Klik 'Claim Your Site'.

4. Masukkan url blog/website anda, kemudian klik 'Claim your site'.

5. Daftar terlebih dahulu untuk login, atau untuk praktisnya bisa langsung login dengan account Facebook yang terletak di sebelah kanan form login.

6. Kemudian masuk ke halaman verifikasi. Terdapat dua cara, yaitu dengan mengupload HTML ke direktori root blog (ini jika anda punya hosting sendiri) atau masukkan meta key Alexa yang terdapat pada opsi kedua. Gunakan opsi kedua agar lebih cepar dan mudah. Caranya: copy meta key-nya dan paste di template HTML anda. Letakkan di antara <head> dan </head>, agar cepat termuat letakkan di bagian atas (dekat <head>) setelah meta keyword dan meta description blog anda. Kemudian save template.

7. Kembali ke halaman Alexa tadi dan klik 'Verify my meta tag'. Jika berhasil akan ada informasi yang menunjukkan bahwa anda telah berhasil meng-klaim blog anda.

8. Dapatkan widget Alexa untuk dipasang. Masuk ke 'Site Tools' lagi dan pilih 'Alexa Site Widgets'.

9. Ada beberapa jenis widget disana, anda tinggal memilih mana yang mau anda pasang di blog, masukkan url blog, dan copy kodenya.

10. Masuk ke halaman design >> page elements, klik add gadget, dan pilih add HTML/Javascript, paste kode ke dalam kolomnya, dan save. Letakkan di sisi halaman yang diinginkan, lalu save lagi.
You're done!

Setelah selesai, anda dapat memantau rank/peringkat secara langsung dari widget Alexa di blog dan juga melakukan cara meningkatkan rank/peringkat Alexa blog.

-----------------------------------------
Important!
Tidak semua subdomain bisa memiliki Alexa rank independen karena memang tidak dibuat sebagai struktur terpisah dari domain induk. Contoh-contoh blog dengan subdomain independen adalah blogger.com, wordpress.com, blog.com, dan lain-lain. Jika anda menggunakan subdomain semacam ini, anda dapat menggunakan layanan Alexa.
Sedangkan blog-blog dengan subdomain non independen (bergantung) pada domain induk adalah mywapblog.com, multiply.com, dll. Subdomain berjenis seperti yg terakhir memiliki ranking traffic (alexa) yg menginduk pada subdomain, sehingga semua blog akan memiliki alexa rank yg sama. SO, untuk pengguna beberapa layanan blog dengan masih menggunakan subdomain, saya sarankan tidak perlu mendaftarkan dan memasang widget Alexa. Mengapa? Karena ranking serta detail yg muncul adalah milik domain induk dan bukan milik blog.
-----------------------------------------

Update note:

Banyak yang bertanya, "mengapa alexa rank yang baru saya pasang menunjukkan No Data?" Ini wajar dan bukan suatu masalah. Karena Alexa baru saja dipasang dan butuh waktu untuk Alexa memastikan statistik yang dapat ditampilkan setelah beberapa waktu. Anda butuh bersabar hingga Alexa kemudian menampilkan rank Alexa blog. Tidak ada yang instan dalam blogging. Cara tercepat adalah dengan terus berusaha membuat artikel berkualitas, membangun blog, meningkatkan traffic, meningkatkan pageview, dan menguatkan visibilitasnya di search engine.

Cara Membuat Halaman Contact Form (Contact Me) di Blog/Website

Contact Form, seringkali disebut juga sebagai halaman "Contact Me" atau "Kontak Saya", merupakan bagian terpenting dari blog/website yang berfungsi sebagai media korenspondensi formal dan personal. Meskipun sudah ada banyak media lain, namun halaman kontak menjadi pilihan karena menjaga privacy bagi kedua belah pihak, yaitu pemilik blog/website dan visitor/customer. Form ini juga berfungsi menghindari spam yang dikirim melalui email.

Oleh karena itu, untuk menghindari resiko tersebut digunakanlah contact form. Saya telah merasakan banyak manfaat dari penggunaan Contact Form ini, hampir setiap hari ada visitor yang menggunakan Contact Form untuk menanyakan beberapa hal, bertanya tentang tips-tricks blogger, memasang iklan, meminta jasa membuat blog, SEO dan lain-lain. Baru setelah ada korespondensi lebih lanjut, saya menggunakan media email/chat secara langsung.

Untuk blog Blogger/Blogspot, halaman ini secara default tidak disediakan, lain halnya dengan WordPress dimana fitur ini sudah terintegrasi. Namun jangan khawatir, anda dapat membuatnya dengan beberapa langkah sederhana saja, yaitu menggunakan Contact Form eksternal yang diinstal di halaman blog/website.

Langkah-langkah membuat Contact Me Form:

1. Pilih salah satu dari situs penyedia Email Contact Form di bawah ini yang menurut anda cocok:

a. 123 Contact Form
b. FormSpring
c. Kontactr
d. PagePow
e. My Contact Form
f. Email Me Form

2. Buat akun di situs yang telah anda pilih dan ikuti beberapa langkah untuk membuat Contact Form. Seluruh tutorial di situs-situs tersebut sudah sangat jelas jadi tidak perlu lagi disampaikan disini. Anda dapat mengkostumisasi tulisan, isi pesan, batasan kata (minimum-maximum character), hingga ke tampilan Form tersebut (CSS styling) dengan hanya beberapa klik.

3. Setelah kostumisasi selesai, copy kode yang telah dibuat. Ada beberapa opsi kode yang bisa dipilih, untuk blog blogger/blogspot, pilih opsi kode berjenis HTML/Javascript dan bukan yang PHP.

Cara Membuat Halaman Contact Form di Blog:

1. Buatlah sebuah halaman posting baru dengan judul "Contact Me", "Kontak Saya", "Hubungi Saya", atau apapun yang anda lebih sukai. Saya sarankan jenis halaman tersebut adalah halaman statis (static page) dan bukan halaman posting seperti biasanya, karena halaman tersebut bersifat "timeless" atau tidak mengandung url yang menunjukkan bulan dan tahun. Selain itu, halaman Contact Me juga tidak membutuhkan optimasi search engine (SEO) seperti halaman posting lain.

Cara membuat halaman statis di blogger: Dashboard > New Post > Edit Pages > New Page.

2. Klik "edit HTML" (disebelah pojok kanan atas kotak posting).

3. Masukkan kode Contact Form yang telah dibuat tadi ke kotak posting.

4. Untuk preview hasilnya, cukup klik "Compose" (kembali ke menu WYSIWYG).

5. Jika sudah beres, bisa langsung disimpan atau bisa ditambahkan beberapa tulisan lain sekehendak anda.

6. Kemudian Publish.

7. Pasang link secara manual ke link list blog, menu, atau tempat-tempat lain yang diinginkan.

8. Done!

Widget Random Posts untuk Blogger dan Cara Memasangnya

Random posts widget atau widget daftar artikel acak adalah widget blog yang dulu (sekitar 2 tahun yang lalu) cukup trending di kalangan blogger, baik untuk pengguna Blogger maupun WordPress. Meskipun kini jarang digunakan, tapi menurut saya widget ini merupakan alat yang cukup memiliki value dalam memperkaya navigasi blog; terutama dalam memberikan tawaran bagi pengunjung ketika melakukan browsing isi blog. Fungsinya hampir sama lah dengan widget Facebook activity feed, Facebook recommendation bar, recent posts widget, daftar isi blog, dan masih banyak lagi sejenisnya.

Meski memiliki desain sederhana yang inherited dari template, widget random posts yang saya bagi ini memiliki kelebihan dalam hal menggali hingga post terdalam/terlama (dengan limit max 1000 post). Sehingga artikel-artikel lama anda yang mungkin terbengkalai alias memiliki pageview yang semakin sedikit, dan bahkan sudah terlupakan oleh anda, dapat dimunculkan serta ditawarkan kembali kepada pembaca.

The Concept

Meskipun sederhana, dan mengacu kepada desain template (dalam hal CSS), namun widget ini menggunakan javascript (basically using array), yang memanfaatkan feed blogger (feeds/posts/default) sebagai sumber (openSearch); dengan menggunakan fungsi json serta callback. Konsepnya sama dengan widget-widget daftar post bersumber feed lainnya. Script ini masih dalam version 1, dan ke depan akan saya sempurnakan dengan berbagai hal tambahan, terutama desain.

Demonya dapat anda lihat di widget "Other Interesting Posts", tentu desainnya mengikuti (inherited) dari template ini.

Cara Memasang Widget Google Custom Search Engine di Blog/Website

Tutorial Cara Membuat dan Memasang Widget Google Custom Search Engine di Blog

Google custom search engine widget adalah search bar/box yang terpasang di blog/website dan difungsikan sebagai mesin pencarian untuk pengunjung/visitor sama seperti halnya Google itu sendiri.

Fungsi dan keuntungannya antara lain:

1. Menyediakan alat pencarian dan hasil pencarian yang relevan.

2. Memberi spesifikasi pencarian situs-situs yang relevan dengan blog/website dan yang telah diberi setting tertentu.

3. Memberikan alternatif pencarian Google yang langsung dapat dicapai melalui website/blog tanpa membuka website Google.

4. Dengan setting pada situs-situs tertentu anda dapat menunjukkan referensi-referensi bermanfaat yang selama ini anda gunakan.

5. Mengajak komunitas untuk meningkatkan penggunaan search engine dengan hasil yang relevan.

6. Mendapatkan penghasilan tambahan melalui Google Adsense search.

7. Dan masih banyak lagi kegunaan lainnya.

Bagaimana cara mendapatkan dan memasang Google custom search di blog?

1. Buka Google Custom Search kemudian klik "create a custom search engine". Pastikan sebelumnya telah memiliki dan login dengan Account Google.

Cara Buat/Pasang Fitur Emoticon/Smiley di Comment Blogger

Emoticon/smiley dapat mewakili ekspresi komentator blog. Selain itu, emoticon/smiley dapat lebih mempercantik tampilan bagian komentar blog. Dengan menggunakan javascript, kita dapat melakukan hack untuk menambahkan fitur emoticon pada blog berplatform Blogger. Emoticon ini menggunakan basis perintah emoticon Yahoo! yg telah kondang itu. Misalnya, ketika ingin menampilkan gambar emoticon senyum, digunakan perintah/menuliskan karakter :), dst. Di blogger, perintah tersebut dapat diadaptasi guna memunculkan tampilan gambar smiley/emoticon tertentu. Pada fitur emoticon komentar Blogger ini, saya menggunakan gambar-gambar berformat gif milik Yahoo! yg memiliki efek animatif (bergerak).

Ujicoba JohnyWuzz1