Cara Memasang Google Search Engine di Blog dengan menggunakan Google CSE

Assalamuallaikum wr,wb sahabat..
Apa kabar?
Semoga dalam keadaan baik dan dalam lindungan Allah SWT.

Sahabat pernah menggunakan Google dan tentunya sangat mudah menggunakannya karena artikel yang ingin kita cari sangat mudah untuk didapat dan pada bagian bawah judul artikel yang ingin di cari juga terdapat sedikit ulasan menggenai artikel tersebut..
Nah kali ini saya akan berbagi sedikit ilmu mengenai cara membuat blog kita menjadi lebih profesional/ Lebih SEO friendly pada penelusuran Google.
Saya menyarankan sahabat melakukan ini karena hasilnya lebih relevan dan lebih lengkap dibanding pada penulusuran biasa dan terlebih lagi sahabat Publisher dari Google Adsense, tentunya sobat akan lebih mudah untuk memonetasi Blog dengan kotak penulusuran khusus ini, nantinya iklan adsense akan ditampilkan di halaman hasil pencarian Blog.

Biar lebih detail disini ada sedikit ulasan mengenai fungsi atau keuntungan dalam memasang Google CSE di dalam Blog/Website:
1. Menyediakan alat pencari dan hasil pencarian yang lebih relevan.
2. Memberikan spesifikasi pencarian situs-situs yang relevan dengan Blog/Website yang telah diberikan setting-an tertentu.
3. Memberikan alternatif pencarian Google yang langsung dapat dicapai melalui Blog/Website tanpa mengunjungi website Google.
4.  Mengajak komunitas untuk meningkatkan penggunaan Search Engine dengan hasil yang lebih relevan.
5. Mendapatkan penghasilan tambahan melalui Google Adsense Search.
6. Dengan setting-an pada situs-situs tertentu sahabat dapat menunjukkan referensi-referensi yang telah sahabat gunakan.
7. Dmbl.

Ok langsung saja kita lakukan ini....

Sahabat terlebih dahulu silahkan kunjungi Google Costum Search.
Selanjutnya silahkan pilih Create a costum search engine seperti gambar dibawah ini.

Silahkan sahabat isi seperti gambar dibawah ini

    Keterangan gambar :

    1. Tulis url website sahabat yang diinginkan.

    2. Pilih bahasa yang digunakan website sahabat.

    3. Buat nama website sahabat yang diinginkan.

    4. Tekan tombol Create untuk membuatnya.

Setelah itu tunggu prosesnya sebentar.

Dan setelah prosesnya selesai maka sahabat akan mendapatkan ucapan selamat dari Google seperti gambar dibawah ini.

Langkah selanjutnya adalah mengambil kode dari Cse Google yang telah dibuat tadi sahabat tinggal tekan tombol Get code seperti gambar dibawah ini.

Maka sahabat akan mendapatkan kode tersebut seperti gambar dibawah ini.

Setalah meng-copy kode tersebut silahkan sahabat login ke Blogger atau Wepress, Hubpages.

Jika menggunakan Blogger, setelah masuk pada dashboard Bloggernya pilih Tata Letak seperti gambar dibawah ini.

Pilih Tambah gadget (dimana sahabat ingin meletakkannya) setelah itu sahabat akan dibawa ke halaman selanjutnya atau new tap window dan silahkan pilih Widget HTML/Java script seperti gambar dibawah ini.

Setelah itu sahabat masukkan kode yang telah sahabat Copy pada Cse Google tadi dan Paste-kan di halaman HTML/Java script dan Tekan tombol Save/Simpan seperti gambar dibawah ini.

Dan pada Blogger sahabat akan pada Tata Letak akan terdapat widget yang telah kita buat tadi seperti gambar dibwah ini.

Sampai sejauh ini sahabat sudah berhasil memasang GSE di Blog sahabat.

Dan silahkan sahabat lakukan pratinjau maka akan ada tampilan seperti gambar dibawah ini.

Selamat bahwa sahabat telah sukses.

Hal diatas sudah cukup untuk dilakukan tapi jika sahabat ingin menjadi lebih expresif, lebih lengkap dan valid pada HTML5 sahabat bisa merubah sekit kode Cse Google sahabat, hal ini bisa dilakukan untuk semua layout seperti <gcse:search>,<gcse:searchbox>,<gcse:searchresults> atau <gcse:searchbox-only>.

Lakukan seperti gambar dibawah ini.

Hapus kode yang bertanda biru diatas, dan sahabat isi pada bagain atas kode seperti gambar dibawah ini.

Klik Save/simpan.

Semoga artikel yang saya susun diatas mudah dipahami dan bermanfaat untuk sahabat semua.

Salam sukses dari saya.

Wassalamuallaikum..........