Monday, 27 February 2012

Membuat search engin pada navbar blog

Tiap pagi selama libur, kalau bukan edit blog pasty posting. yeah itulah makanan sehari - hariku. ok kali ini saya ingin share kepada sahabat - sahabat  tentang Membuat search engine pada navbar blog.

Langkah pertama:
  • Log in dulu ke blogger
  • klik Tata letak
  • Edit HTML
  • jangan lupa download dulu tamplate asli anda untuk mencegah hal-hal tak diinginkan
  • cari kode ]]></b:skin>
  • letak kan kode dibawah ini di atas kode ]]></b:skin>



 

/* search
===================== */
#search{width:210px;font-size:11px;float:right;margin:0;padding:0}
#searchform{overflow:hidden;display:inline;margin:0;padding:0}
#searchbox{background:#ddd;margin:0;padding:0}
#search input{background:transparent;color:#fff;float:left;font-size:12px;width:158px;border:1px solid #fff;font:normal 10px arial, verdana, Times New Roman;margin:7px 0 0 10px;padding:3px 7px}
#search .btn{width:auto;border:0;margin:7px 0 0;padding:0}
 


Kalau sudah ketemu kamu coba cari kode yang mirip seperti ini:

<div id='NavbarMenu'>

atau kalau gak ketemu juga kamu coba kode yang ini:

<div id='navigation'>

kalau sudah ketemu maka kode yang berwarna merah tersebut akan diakhiri dengan kode </div> letakkan kode dibawah ini tepat dibawah kode </div> tersebut:



 

<div id='search'>
<form action='http://infonetmu.blogspot.com/search' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='160' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
<input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq_6ViAZAZNRtva48HDUsiFPpyqTcHdDCp_3HbyOMKK17FeUPnXje3GqszHa0QrgMJ_nIUyTj45UV2oIRYFpNQFFGFM8qDGhW7RvmVMPvJh3V5rE7mUpXNJhlfKD4L39e4EQ5VXiJVlc-e/s1600/1zehw2f_th.jpg.png' type='image' value='Go'/>
</form>
</div>
 



lihat hasilnya,akan ada search engin pada navbar anda, selamat mencoba aja ya...

0 comments:

Post a Comment

Komentarnya!!!!!!!!!

Related Posts Plugin for WordPress, Blogger...