Friday, February 3, 2012

Cara Memasang Kotak Pencarian atau Box Search di blog

search box, kotak pencarian, memasang kotak pencarian, widget kotak pencarian, gadget, widget, menambahkan kotak pencarian

Search Box dalam bahasa Indonesia berarti kotak pencarian. Kotak pencarian merupakan sebuah tools yang dapat mempemudah pengunjung dalam menemukan artikel yang ingin di baca. Oleh karena itu, Tutorial blog yang akan disampaikan Rinjani Lovers adalah tentang cara membuat kotak pencarian pada blog. Kotak pencarian yang di tawarkan hari ini, memiliki tampilan yang sangat simple atau sederhana. Mungkin karena memiliki tampilan yang sangat sederhana, sehingga banyak blog memasang kotak pencarian ini.

Berikut ini tampilan dan kode dari masing-masing kotak pencarian :

Kotak Pencarian 1



Kotak Pencarian 2



Kotak Pencarian 3



Kode Kotak pencarian 1
<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Click to go" type="submit"/></form>

Kode Kotak pencarian 2
<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" style="background: #ffffff; border: 2px solid #cccccc"/><input id="search-btn" value="Search" type="submit" style="background: #cccccc; border: 2px outset #cccccc; color: #000000; font-weight: bold;"/></form>

Kode Kotak pencarian 3
<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" value="Enter search query"/><input id="search-btn" value="Search" type="image" src="http://4.bp.blogspot.com/-vWpkVR2h76c/TfcpyhyWM-I/AAAAAAAADM0/dD_RRIYxTC0/s1600/magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

Copy salah satu kode dari kotak pencarian tersebut, letakkan kotak pencarian tersebut di kolom widget/gadget.


Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



13 comments:

  1. Terimah kasih sobat atas tutorialnya... salam damai dari makassar

    ReplyDelete
  2. Makasih mas, ini yang aku cari dan tidak berat di loadingnya.

    ReplyDelete
  3. thanks postingan yang menarik kunjungan balik www.naufalthedarkness.blogspot.com

    ReplyDelete
  4. Thanks buat informasinya mas....
    saya coba dulu :D

    ReplyDelete
  5. klo bikin yang kayak punya sampean itu gimana bang

    ReplyDelete
  6. salam kenal.. woow keren fotonya....posting donk caranya

    ReplyDelete
  7. sip ditunggu kunjungannya "klikcatatan" :)

    ReplyDelete
  8. Sangat bermanfaat gan, di tunggu kunbal sama follbecknya !!
    http://candraadi99.blogspot.com/

    always on :)

    ReplyDelete

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template