Cara Membuat Kotak Search Box Google Simple


Di dalam sebuah kotak pencarian pada Search Engine seperti Google, tentu memiliki algoritma tersendiri dalam mencari suatu keyword yang ingin dicari oleh pengunjung. Berbeda dengan sebuah situs atau website yang meletakkan kotak penelusuran ini untuk menambah traffik dari link internal dan lebih akan meningkatkan popularitas dan penilaian lebih dari Search Engine.

Tidak disadari bahwa pada dasarnya apabila banyak yang mencari sebuah kata kunci dan mengarah ke blog kita itu akan menambah traffik yang pesat. Bukan hanya pencarian dari Search Engine di Google tetapi juga berdasarkan pencarian yang ada di dalam kotak penelusuran blog kita. Untuk itu, kita dianjurkan untuk membuat kotak search tersebut agar memudahkan pengunjung dan pembaca yang sedang sulit.

Cara Membuat Kotak Search Box ini sebenarnya ada di dalam Tambah Gadget pada Blogger namun hasil pencarian dari pilihan tersebut akan dihitung sebagai pencarian dengan fasilitas Google Search yang ada pada kotak penulusuran. Sebenarnya ada 3 buah pilihan untuk opsi pencarian yang ada pada kotak search yang ada pada Blogger. Tetapi, untuk lebih meningkatkan traffik tentu kita harus membuat kotak search yang akan mengindex ke halaman blog kita sendiri. Apabila diibaratkan, blog kita adalah sebagai search engine juga hanya saja semua hasil pencarian berasal dari dalam tubuh blog.

Bagaimanakah Cara Membuat Search Engine Simple ini? Caranya ikuti saja terus panduan artikel saya ini yang membahas lengkap mengenai tutorial blogger dan semua yang terkait dengan blog.

Cukup dengan masuk ke Layout lalu pilih element dan Tambah Gadget / Widget. Copy script kode berikut ini didalamnya :

<style type="text/css">
#mediablogger-searchbox {
    border-radius: 5px;
    background: URL(http://1.bp.blogspot.com/-57ff7LHyt04/UQ3Mx_IFQFI/AAAAAAAAAaM/Zgewjjrg90I/s1600/impoint.blogspot.com-search-box.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#mediablogger-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#medialogger-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 220px;
    font-size: 14px;
    font-family: verdana;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#mediablogger-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 44px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="mediablogger-searchbox">
    <form id="mediablogger-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'
        onblur='if (this.value == "") {this.value = "Search...";}' />
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton"
        />
    </form>
</div>
Apabila Anda menggunakan script diatas untuk membuat kotak search simple ini, maka hasilnya kurang lebih seperti gambar berikut :
Perancangan sebuah blog memang dibutuhkan agar semua fasilitas dapat berhubungan dengan baik tanpa mengurangi nilai index di Search Engine. Terimakasih, telah membaca artikel mengenai Cara Membuat Kotak Search Box Google Simple ini. Semoga panduan tadi dapat bermanfaat. Salam sahabat Media Blogger. **)

6 comments:

  1. mantap gan cuman gambarnya kurang jelas cek di sini biar lebih jelas

    http://blograhasiadownload.com/cara-mudah-search-google/

    ReplyDelete
  2. sangat bermanfaat....makasih ya gan

    ReplyDelete
  3. Akhirnya berkat tutorial di atas saya berhasil masang Google Costume Search Engine nya
    thanks gan

    ReplyDelete
  4. Produk yang Kami tawarkan semuanya aslyOriginal,
    Ada Garansi Resmi Distributor dan Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.dan Buruan belanja dan dapatkan promo dari kami untuk semua produk kami.Dijual> BlackBerry> Nokia> Samsung> Apple> Acer> Dell> Nikon. beminat hub/sms 0857-3103-0120 atau klik website resmi kami http:/Citra-shopelektroniik.blogspot.com

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Nokia Lumia 800 MORE PICTURES
    Ready Stock !
    Nokia Lumia 800 - Matt Black
    Rp.1.700.000,-

    Ready Stock !
    Nokia Lumia-710-white
    Rp. 900.000,-

    Ready Stock ! Nokia C2-06 Touch & Type - Dual GSMRp.450.000,-

    Nokia Lumia 710 T-Mobile MORE PICTURES
    Ready Stock !
    Nokia Lumia 710 - Black
    Rp. 900.000,-
    Ready Stock !
    Apple iPhone 4S 16GB (dari XL) - Black
    Rp.1.200.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari Telkomsel)
    Rp.1.200.000,-

    Ready Stock !
    Apple iPod Touch 4 Gen 8GB
    Rp.700.000

    Ready Stock !
    APPLE iPod Nano 8GB - Pink
    Rp.500.000,-

    Ready Stock !
    Acer Aspire 4755G Core i5 2430 Linux Blue
    Rp 1.700.000

    Acer Aspire One AOD270 10.1" Netbook
    Ready Stock !
    Acer Aspire One AOD270 10.1
    Rp. 1.000.000,-

    Acer TravelMate TM8481-2462G32 14" Notebook
    Ready Stock !
    Acer TravelMate TM8481-2462G32
    Rp. 1.400.000


    Ready Stock !
    Acer ICONIA Tab W500 10.1" Tablets Notebook
    Rp. 1.100.000,-

    Ready Stock !
    Nikon D7000 kit 18-105mmRp.1.700.000

    Ready Stock !
    Nikon D90 Kit 18-105mm Vr
    Rp 1.300.000

    Ready Stock !
    Nikon Coolpix L 120 Red
    Rp. 900.000

    Ready Stock !
    Nikon Coolpix P 500 Black
    Rp 1.000.000 Ready Stock !

    ReplyDelete

Web Design Blogs W3 Directory - the World Wide Web Directory DMCA.com

Copyright © 2013 IMPOINT Blog . All rights reserved.| Blogger.com File Storage Created by Blogger Tuts | Template