​

Memasang kotak pencarian pada blog


Selamat malam sobat blogger semua. Pada artikel kali ini saya akan berbagi tentang bagaimana sih cara memasang kotak pencarian di blog?
Caranya cukup sederhana dan mungkin juga sudah banyak dibahas di blog tetangga, tapi nggak apa apa ini buat yang belum tahu saja :D ok langsung saja gan.

Caranya adalah :
  • Biasa login blog masing masing
  • Masuk ke Tata Letak -> Tambah Gadget
  • Pilih HTML/Javascript Terus masukkan script dibawah ini

    <style type="text/css">
    #search{position:absolute;top:80px;right:200px}
    .search form{width:260px;height:30px;background:transparent url(&#39;http://4.bp.blogspot.com/-6sVCcXv5sLw/Tkl5X1gF0KI/AAAAAAAAASY/AWOycgLsW1M/s1600/searchform.png&#39;) no-repeat 0 0;position:relative}
    .search input#search-text{position:absolute;left:10px;top:0;border:0;background:none;width:150px;height:30px;line-height:25px;color:#7b7b7b}
    .search input#search-submit{position:absolute;top:0;right:0;width:73px;background:none;border:none;cursor:pointer;height:26px;line-height:26px}
    .status-msg-wrap{display:none}.status-msg-body{display:none}
    .status-msg-border{display:none}
    </style>
    <div id='pencarian'>
    <div class='search'>
    <form action='/search' id='search-form' method='get'>
    <input id='search-text' name='q' placeholder='Pencarian Kata Kunci' type='text'/>
    <input id='search-submit' name='' type='submit' value=''/>
    </form>
    </div>
    </div>
    Selesai, simpan lalu sobat coba sendiri..Semoga artikelnya dapat sedikit membantu sobat semua :)




Related Articel:

Label:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)