Meletakkan Kotak form pencarian (Search) di kotak menu


Kotak pencarian akan memudahkan pengunjung untuk mencari artikel pada blog Anda, meskipun sebenarnya
Form ini telah disediakan untuk gadget secara default, namun jika kita ingin meletakkannya di kotak menu
adalah tidak dapat dilakukan melalui add gadget, sebab kita harus mengetahui kode yang harus sesuai
agar dapat di aplikasikan kedalam kotak menu yang Anda buat.
Ok singkat aja, mari kita aplikasikan langsung.
Pertama kode yang dapat Anda gunakan adalah kode seperti berikut:

<div class="searchform"> 
<form action="http://protonicatv.blogspot.com/search/" method="get"> 
<input type="text" class="stxt" name="q" value="Search" onfocus="javascript: if(this.value == 'Search') this.value = '';" onblur="javascript: if(this.value == '') { this.value = 'Search';}" /> 
<input type="image" class="sbtn" value=" " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9krtjemmLa07sX5XNjnjCJPFvtoPmsSImTm0C42_wUa-5q4-WTeqsWGm0mBtRbsypCEbYKEUJxrcKpOWav1kuDxnaWPZ7eC4HvuVeAA6ohBn_85_ET7VYBl-l1F_Hq_qjng916y4O7TI/s1600/prastsearch.png"title="Go to search" /> 
</form> 
</div> 

Tulisan bercetak biru Anda Ganti dengan Url/link Web Anda.
Tulisan bercetak merah dapat Anda ganti dengan Kreasi Gambar anda sendiri dengan  format gif/png.
Kemudian perlu dijelaskan, bahwa kode diatas adalah kode Versi Saya sendiri, namun Saya sudah dapat menggunakannya dengan aman diblog ini seperti yang Anda lihat dikotak menu pojok kanan atas,
untuk itu silahkan Anda Cari kode yang lain jika Tidak menghendaki kode tersebut,
Namun jika berkenan, mari lanjut langkah berikutnya:
Sebagai contoh kode menu Htmlnya adalah sebagai berikut:

<div class="pd_menu_01 "> 
<ul><li><a href="http://protonicatv.blogspot.com/">Menu 1<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="http://www.klikblogger.com">Menu 2<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="http://www.info.com">Menu 3<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="#">Menu 4<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
</li></ul>
<ul><li><a href="#" target="blank" alt="Go" title="Go to Google"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXyB-z7Qcnz7GS3UaQRQ2voV6Iv7IqKE9qZ_E9fhvvKt37srQoAHki3VwtXtW_HSTXF8MRCtCettSBJbe0GmLWeF_TXmbuE7Iual3FelN-n-I46eDV-_SkzGBfMECP0Fd0xytoCUlDgMtX/s1600/Prastnext.png" /><!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><div class="searchform"> 
<form action="Alamat blog Anda/search/" method="get"> 
<input type="text" class="stxt" name="q" value="Search" onfocus="javascript: if(this.value == 'Search') this.value = '';" onblur="javascript: if(this.value == '') { this.value = 'Search';}" /> 
<input type="image" class="sbtn" value=" " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9krtjemmLa07sX5XNjnjCJPFvtoPmsSImTm0C42_wUa-5q4-WTeqsWGm0mBtRbsypCEbYKEUJxrcKpOWav1kuDxnaWPZ7eC4HvuVeAA6ohBn_85_ET7VYBl-l1F_Hq_qjng916y4O7TI/s1600/prastsearch.png"title="Go to search" /> </form> 
</div> 
<!--[if IE 7]><!--><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--></li></ul></div>



Yang perlu di perhatikan adalah membuka dengan <ul><li> dan menutupnya dengan </li></ul>
apapun jenis Kode Html Menu yang Anda punya, setidaknya Memiliki kemiripan scrypt.
url:
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyIjlZLsn0QFMfjRHPP7PNseGr7PvyLIOe5yz_0AWFJ5ggtNRfv4n-GUJ5LcNJYJWfA0CNm-DAbnUu0f6jsL3ZOdDbWmLzlYt-oUkogZWmZK9GFUk2mvbv439a4Y0Hnz3dl788brlsYkD/s1600/rss.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0XjfQO4Z5PCkP6rMB2VMsLA3SUd6GrLs5k2IWc39yHzo8cv9289cpzwosJnYE5czVGvrJqZ1hctp3B2EOWqR1KCHDVxFga2WBCgh7AVFdLeLfYRBhnRa5Hbibthhhia7cBcHBuTrbxmE/s1600/twitter.png
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YZGUxvsdhtdeWu3VZjzu3V7iYmfM1suafX-TfkNBvAh1lUj7299YeKsrqKTqqEO7-4KE0-b5QzcE98_mKN7qnIRfhmgLqIQDKW72-M9IxHHHY6aD3b5zLqOv2xhDasOlt2FZffCNjn6Z/s1600/facebook.png
penulisan Kode image url:
<a href="http://myrecipe-deluxetemplates.blogspot.com/feeds/posts/default"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyIjlZLsn0QFMfjRHPP7PNseGr7PvyLIOe5yz_0AWFJ5ggtNRfv4n-GUJ5LcNJYJWfA0CNm-DAbnUu0f6jsL3ZOdDbWmLzlYt-oUkogZWmZK9GFUk2mvbv439a4Y0Hnz3dl788brlsYkD/s1600/rss.png" /></a>
<a href="http://www.twitter.com/deluxetemplates"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL0XjfQO4Z5PCkP6rMB2VMsLA3SUd6GrLs5k2IWc39yHzo8cv9289cpzwosJnYE5czVGvrJqZ1hctp3B2EOWqR1KCHDVxFga2WBCgh7AVFdLeLfYRBhnRa5Hbibthhhia7cBcHBuTrbxmE/s1600/twitter.png" /></a>

<a href="http://www.facebook.com/deluxetemplates"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YZGUxvsdhtdeWu3VZjzu3V7iYmfM1suafX-TfkNBvAh1lUj7299YeKsrqKTqqEO7-4KE0-b5QzcE98_mKN7qnIRfhmgLqIQDKW72-M9IxHHHY6aD3b5zLqOv2xhDasOlt2FZffCNjn6Z/s1600/facebook.png" /></a>

jadinya:


kotak search:

<div id="searchbox">
<form action="/search" id="searchthis" method="get"><div class="content"><input class="textfield" name="q" size="24" type="text" value="" /><input class="button" type="submit" value="" /></div>
</form>
</div>
menjadi:
Posted by at 7:24 AM
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Followers

@2011 Protonica Tv Dan Computer created by Roso Prast Template Source: Blogger.Com.