Memasang Search Engine di Blog Anda.

[Admin]

Bagaimana memasang Search Engine pada Blog/web ?

Search Engine atau Mesin Telusur adalah bisa di bilang tidak begitu penting berada pada sebuah situs web/blog, karena raksasa besar macam Google, Yahoo, Bing dsb telah menyediakan itu semua, namun search engine berguna mencari sesuatu yg dibutuhkan bagi pengguna internet, entah itu sebuah web atau blog, buku atau artikel, video atau gambar, software atau musik, dll. Dan bila search engine ini ditempatkan pada blog/web pribadi diharapkan mampu membantu para pengguna mencari isi dari seluruh web/blog tsb, sebagai bentuk kemudahan yg diberikan para pemilik blog/web.
Disini Admin memberikan sebuah Search Engine hasil edit/modifikasi dari mesin telusur milik Google itu. (Lihat Search Engine tsb di forum ini, halaman depan dibawah banner IP Robtex).
Mesin telusur ini Admin beri nama : Amazing "Search Engine" dgn nomor unik mesin: 011265411235071225370:qj-isaxcqj4 (dari Google).

Mesin pencari/penelusuran ini telah dipersempit dengan dukungan Focus Web sebanyak 114 situs pilihan Admin yg memiliki segment seperti; Directory web/blog, buku, artikel, berita, software, musik, video, gambar dan penelusuran Keyword. Dan mesin ini didukung pula dengan ribuan situs yg telah terindex Google sebagai Random Sources untuk mesin ini.

Jadi kalian bisa lebih mudah mencari apa yg kalian inginkan, dan mesin telusur ini lebih mengarahkan secara fokus pada kata kunci yg kamu masukkan, sehingga akan diperoleh hasil yg benar2 tepat dan mengena apa yg kamu cari tsb. Mudah didapat dan sesuai apa yg kamu harapkan hasil penelusurannya ini.

Code ini bisa kamu pasang di blog/web kamu, dan cukup kamu tempatkan kodenya dimana kamu akan pasang. Dimensi kotak akan menyesuaikan secara otomatis pada lebar halaman web kamu.

Inilah kodenya:

Code:

<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {style : google.loader.themes.BUBBLEGUM});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};
 
    var imageSearchOptions = {};
    imageSearchOptions['layout'] = google.search.ImageSearch.LAYOUT_POPUP;
    customSearchOptions['enableImageSearch'] = true;
    customSearchOptions['imageSearchOptions'] = imageSearchOptions;
 
    var customSearchControl = new google.search.CustomSearchControl(
      '011265411235071225370:qj-isaxcqj4', customSearchOptions);

    customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setAutoComplete(true);
    customSearchControl.draw('cse', options);
  }, true);
</script>
 <style type="text/css">
  .gsc-control-cse {
    font-family: Georgia, serif;
    border-color: #666666;
    background-color: #cccccc;
  }
  input.gsc-input {
    border-color: #3333ff;
  }
  input.gsc-search-button {
    border-color: #993399;
    background-color: #cc33cc;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #66ff99;
    background-color: #33cc00;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #ffff00;
    background-color: #ff99ff;
  }
  .gsc-tabsArea {
    border-color: #ffff00;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #F9F5FF;
    background-color: #ffffcc;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #DECAFF;
    background-color: #ffccff;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #3366ff;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #0066CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #33cc00;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #000099;
  }
  .gsc-cursor-page {
    color: #3366ff;
  }
  a.gsc-trailing-more-results:link {
    color: #3366ff;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #cc66cc;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #cc66cc;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #F9F5FF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #66ff99;
    background-color: #ffffcc;
    color: #3366ff;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #ffff00;
    background-color: #ff99ff;
    color: #0066CC;
  }
  .gs-promotion {
    border-color: #DECAFF;
    background-color: #F0E9FF;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0066CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #990000;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #009900;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0066CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #CC7A9F;
  }
</style>

Nuansa/Theme sudah Admin fix seperti itu, jadi kamu tinggal gunakan saja. Mudah2an mesin telusur ini berguna bagi kamu.

[Admin]

Untuk melanjuti posting di atas tentang pemasangan search engine pada web/blog kamu, kode yang admin berikan itu agar ditempatkan pada bagian dimana anda akan menempatkan "Kotak" pencarian tsb pada web/blog.

Dan berikut ini, admin juga memberikan alternatif lain, yakni script yg bisa ditempatkan pada web/blog (CSS/edit HTML pada template blog) tepatnya pada header

Code:

(setelah  <head> dan sebelum </head> )

Karena admin telah mengupdate search engine ini sehingga fokus pencarian lebih akurat lagi pada sasaran yg dicari. Admin telah menambahkan filter hingga 163 situs terlokalisir plus filterisasi keyword. Sehingga diharapkan search engine ini memberikan hasil yg benar2 optimal dalam hal pencarian di internet.

Kode yg harus kalian tambahkan sbb:

Code:

<!-- Put the following javascript before the closing </head> tag. -->
<script>
  (function() {
    var cx = '011265411235071225370:qj-isaxcqj4';
    var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
  })();
</script>

<!-- Place this tag where you want both of the search box and the search results to render -->
<gcse:search></gcse:search>

Atau kalian juga bisa langsung menempatkan kode ini pada lokasi dimana "KOTAK SEARCH" ini akan ditempatkan pada blog anda.

Nah semoga search engine milik AMAZING ini bisa melengkapi tampilan blog/web kamu.