Tujuan utama dari pemasangan google custom search hanyalah sebagai alternatif pada saat membuka halaman blog agar seluruh artikel yang satu sama lain masih terkait muncul diwaktu bersamaan. Namun ada juga yang memanfaatkan untuk menarik visitor lebih banyak lagi dari searh engine. Kalo saya sendiri cuma ingin melihat tampilan blog lebih enak di pandang mata seolah-olah memiliki search engine sendiri dan muncul secara otomatis tanpa harus mengetikkan sejumlah keyword tertentu.
Langkah pertama tentu saja log in dahulu pada akun gmail truz akses situs google custom search (CSE) melalui link ini nanti sobat secara default akan langsung masuk tanpa log in lagi. Ini panduan yang bisa sobat ikuti :
1. Create a custom search engine
2. Isikan data pada kolom yang tersedia sesuai blog sobat yaitu name, description, language, site to search lanjutkan dengan next
3. Pilih bagian default di choose or customize a style lalu klik next
4. Nanti akan di tampilkan code script pada custom search elemen code copas dan save dulu di notepad.
Sekarang waktu nya untuk menempatkan script tadi ke edit HTML sebagaimana biasa gunakan fasilitas keybord Ctrl+F agar lebih cepat menemukan codenya. Silahkan cari kode seperti berikut
<b:includable id='comments' var='post'>
Kemudian letakkan script dibawah ini persis diatas kode sebelumnya
<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
google.load('search', '1');
function OnLoad() {
var customSearchControl = new google.search.CustomSearchControl('ID-CSE-blogsobat');
customSearchControl.draw('content');
customSearchControl.execute('<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> OR </b:if></b:loop></b:if>');}
google.setOnLoadCallback(OnLoad);
</script>
<div id='content'>Loading...</div>
Ganti ID-CSE ini ID-CSE-blogsobat dengan ID yang sudah sobat buat tadi. Itu saja dan segera save. Selesai
Mungkin ada sebagian yang agak bingung kenapa saat halaman blog di buka hanya muncul kolom search doank tanpa ada hasil pencarian yang tampil. Gini tinggal ubah script <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> OR </b:if></b:loop></b:if> hapus dan ganti pakai yang ini <b:if cond='data:post.title'><data:post.title/></b:if>
Jika halaman blog manapun di buka akan tampak link dari judul postingan artikel dan juga link lainnya yang relevan.
Langkah pertama tentu saja log in dahulu pada akun gmail truz akses situs google custom search (CSE) melalui link ini nanti sobat secara default akan langsung masuk tanpa log in lagi. Ini panduan yang bisa sobat ikuti :
1. Create a custom search engine
2. Isikan data pada kolom yang tersedia sesuai blog sobat yaitu name, description, language, site to search lanjutkan dengan next
3. Pilih bagian default di choose or customize a style lalu klik next
4. Nanti akan di tampilkan code script pada custom search elemen code copas dan save dulu di notepad.
Sekarang waktu nya untuk menempatkan script tadi ke edit HTML sebagaimana biasa gunakan fasilitas keybord Ctrl+F agar lebih cepat menemukan codenya. Silahkan cari kode seperti berikut
<b:includable id='comments' var='post'>
Kemudian letakkan script dibawah ini persis diatas kode sebelumnya
<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
google.load('search', '1');
function OnLoad() {
var customSearchControl = new google.search.CustomSearchControl('ID-CSE-blogsobat');
customSearchControl.draw('content');
customSearchControl.execute('<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> OR </b:if></b:loop></b:if>');}
google.setOnLoadCallback(OnLoad);
</script>
<div id='content'>Loading...</div>
Ganti ID-CSE ini ID-CSE-blogsobat dengan ID yang sudah sobat buat tadi. Itu saja dan segera save. Selesai
Mungkin ada sebagian yang agak bingung kenapa saat halaman blog di buka hanya muncul kolom search doank tanpa ada hasil pencarian yang tampil. Gini tinggal ubah script <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'> OR </b:if></b:loop></b:if> hapus dan ganti pakai yang ini <b:if cond='data:post.title'><data:post.title/></b:if>
Jika halaman blog manapun di buka akan tampak link dari judul postingan artikel dan juga link lainnya yang relevan.
Tips Membuat dan Mengoptimalkan Blog
Memperbanyak backlink blog
Membuat semua halaman postingan blog terindeks search engine
Membuat halaman maintenance di blogspot
Membuat dua kolom dibawah postingan
Membuat Link terbuka di jendela baru
Membuat widget tv online di blog
Membuat background warna pada halaman postingan
Memparse Kode Script HTML
Memasang Google Custom Search Di Bawah Postingan
Memasang Recent Comment Dengan Javascript
Memasang Recent Post Dengan Javascript
Memasang Related Post di Side Bar
Tips Dan Trik Blogspot Aman Dari Banned google
Membuat semua halaman postingan blog terindeks search engine
Membuat halaman maintenance di blogspot
Membuat dua kolom dibawah postingan
Membuat Link terbuka di jendela baru
Membuat widget tv online di blog
Membuat background warna pada halaman postingan
Memparse Kode Script HTML
Memasang Google Custom Search Di Bawah Postingan
Memasang Recent Comment Dengan Javascript
Memasang Recent Post Dengan Javascript
Memasang Related Post di Side Bar
Tips Dan Trik Blogspot Aman Dari Banned google
0 komentar:
Posting Komentar