Senin, 18 Maret 2013

Cara Membuat dan Memasang Search Engine di Blog

Cara Membuat dan Memasang Search Engine di Blog - Salah satu fitur pendukung agar tampilan blog lebih lengkap adalah dengan memasang search engine di blog karena dengan adanya search engine atau mesin pencarian akan membantu pengunjung blog untuk mencari artikel-artikel yang mereka inginkan sesuai dengan kata kunci yang mereka tulis. Namun untuk membuat search engine di blog ini agar lebih maksimal fungsinya maka topik didalam blog anda harus memiliki lebih dari 2 topik pembahasan. Misalnya blog ini yang memliki topik tentang Panduan Blog dan Panduan Template. Kenapa dalam membuat search engine di blog harus memiliki banyak topik bahasan? Karena semakin banyak topik yang dibahas didalam 1 blog maka semakin banyak kata kunci yang ada didalam blog tersebut. Contohnya adalah blog berita OkeZone, Yahoo, dan sebagainya.

Cara Membuat dan Memasang Search Engine di Blog

Lalu bagaimana cara memasang search engine di blog? Untuk memasangnya kita harus membuat search engine itu terlebih dahulu baru memasangnya :)
Dan pada artikel ini, kita akan membahas keduanya serta dari setiap hasil pembuatan search engine berikut ini akan memiliki tampilan yang berbeda-berbeda sehingga saat memasangnya di blog kita tinggal memilih kira-kira mana tampilan search engine yang ingin kita pasang di blog kita. Yuk, kita bahas bersama-sama..

Cara Membuat Search Engine di Blog
Untuk membuat search engine di blog, kita harus buat dulu kodenya dan dibawah ini adalah beberapa kode search engine dengan tampilan yang berbeda dan tentu anda semua sangat suka dengan tampilan dari search engine ini
  1. Search Engine Tampilan Sederhana
    Demo:
    Kode:
    <form action="http://panduantemplateblog.blogspot.com/search" id="searchform" method="get" name="searchform">
    <input id="s" name="q" type="text" value="" /> <input id="searchsubmit" type="submit" value="Search" /> </form>

    Keterangan: Ganti link http://panduantemplateblog.blogspot.com dengan link blog anda
  2. Search Engine Dengan Tombol Didalam Kolom
    Demo: Karena demonya berada didalam postingan maka hasilnya tidak maksimal, untuk Demo sebenarnya, silahkan anda lihat dibagian bawah blog ini (footer)




    Kode 1:
    #search{border:1px solid #C9D7F1; height:23px; width:350px; padding:0; background:#f6f4f4;}
    #search input{border:0; background:none; color:#575757}
    #s{font-size:12px; width:130px; padding-left:4px; margin:0; background:none}
    #topsearch #search{margin-top:0px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;background-color:#FFFFFF;border:1px solid #dedede;}
    #topsearch #s{width:400px}
    #src-m{border:1px solid #999; height:23px; width:400px; padding-top:2px; background:#f6f4f4; }
    #src-m input{border:0; background:none; color:#777}
    #s-m{font-size:12px; width:200px; padding-left:4px; margin:0; background:none}
    #tsrc-m #src-m{margin-top:0px;background-color:#FFFFFF;border:1px solid #dedede; border-radius:3px 3px; -moz-border-radius:3px 3px 3px 3px; -khtml-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px}
    #tsrc-m #s-m{width:370px}
    Kode 2:
    <div id="tsrc-m">
    <div id="src-m">
    <form action="/search" id="searchform" method="get" name="searchform">
    <input class="keyword" id="s-m" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel..&quot;;}" onfocus="if (this.value == &quot;Cari artikel..&quot;) {this.value = &quot;&quot;}" value="Cari artikel.." type="text">
    <input src="http://1.bp.blogspot.com/_C6KkooKXCEw/TIBqtV6pdmI/AAAAAAAAGyM/QUBsym_R9V0/s200/search-c.png" style="border: 0pt none; vertical-align: top; padding-top:3px" type="image">
    </form>
    </div>
    </div>

    Keterangan:
    Kode 1 : Salin dan letakkan sebelum ]]></b:skin>
    Kode 2 : Salin dan letakkan didalam kolom widget blog anda
Itulah 2 tampilan search engine yang biasa digunakan didalam blog, sebenarnya masih banyak tampilan-tampilan yang lebih keren lagi dan nanti akan saya update untuk tampilan yang lainnya. Okey, jika ada yang mau ditanyakan silahkan tinggalkan komentar anda untuk artikel ini, Cara Membuat dan Memasang Search Engine di Blog

Cara Membuat dan Memasang Search Engine di Blog Rating: 4.5 Diposkan Oleh: ana sriwahyuni

26 komentar:

  1. makasih sob informasinya bermanfaat

    BalasHapus
  2. Jadi lebih menarik dari bentuk kotak search engine yah.Jadi pingin pasang ini :)

    BalasHapus
  3. nanti saya akan coba pasang di blog biar makin lengkap isi2 dalam blog saya ...

    BalasHapus
  4. kak,sudah saya follow blog ini!
    follow balik ya kak, http://dapatkah.blogspot.com/ !

    BalasHapus
  5. artikel ini sangat bermafaat bagi semua pengunjung, termasuk saya

    BalasHapus
  6. ok gan, trimakasih untuk ilmunya

    BalasHapus
  7. itu tombol search yang untuk blogspot ya gan? maksud saya search yang untuk pencarian yang masih di dalam blog.

    BalasHapus
  8. wewww mantap perlu dicoba, thanks infonya sist

    BalasHapus
  9. terimakasih informasinya...

    BalasHapus
  10. makasih bro, bisa langsung dipraktekin nih membuat SE di blognya

    BalasHapus
  11. Thanks gan infonya bermanfaat. Mampir gan ke blog ane...
    http://games-dekirty.blogspot.com

    BalasHapus
  12. Kunjungin Blog Ane Banyak Kumpulan Trik Trik menarik Dan Info Info :

    http://files27.blogspot.com

    -Template SEO super ringan
    -Trik networking
    -Info
    -Skin pack
    -Dan masih bangak artikel lainya, tentang toturial blog

    Pokonya nyesel kalo ngak Mampir !!!!!

    BalasHapus
  13. Makasih gan ilmunya, lama nih nyari2 tentang ini..

    BalasHapus
  14. sangat bermanfaat...
    www.warungmagelangs.blogspot.com

    BalasHapus
  15. makasih gan, infonya!
    http://ankomp.blogspot.com

    BalasHapus
  16. Makasih banyak mas gan infonya, artikelnya bagus dan selain itu juga bermanfaat buat pembaca seperti saya :D

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia