Pasang Kotak Search di Menu Bar

Jika ingin melakukan ini anda terlebih dahulu harus mempunyai menu bar, jika belum ada silahkan baca artikel saya yang ini.
Jika sudah punya sekarang tinggal tambahkan search box-nya :

1. Login ke Blog > Layout (tata letak) >> Edit HTML >>> Cari kode

]]></b:skin>

2. Copy paste kode ini di atas kode ]]></b:skin>

#navright {
width: 220px;
font-size: 11px;
float: right;
margin: 0px;
padding: 0px 15px 0px 0px;
}

Save

3. buka link menu bar milik anda dan copy paste kode ini

<div id="navright">

<form id="searchform" action="/search" style=" text-align:center;" method="get">
<input onfocus="if (this.value == &quot;Cari Artikel&quot;) {this.value = &quot;&quot;;}" value="Cari Artikel" type="text" id="s" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari Artikel&quot;;}" size="20" class="inpsearch" name="q"/>
<input id="searchsubmit" value="GO" type="submit"/>
</form>

Contoh milik saya (PERHATIKAN PENEMPATANNYA):

<div id="tabs6"><ul>
<li><a href="http://www.abi-galoga.blogspot.com"> <class home current="title="/><span><img src="http://i953.photobucket.com/albums/ae17/abi-galoga/th_rhnry5vhcopy.gif"/>Home</span></class></a></li>
<li><a href="http://www.facebook.com/home.php?#/profile.php?id=1528035824&ref=profile" target="_new"><span>@Facebook</span></a></li>
<li><a href="http://www.twitter.com/galoga" target="_new"><span>@Twitter</span></a></li>
<li><a href="http://smpn236.sch.id/index.php" target="_new"><span>MY SCHOOL</span></a></li>
<li><a href="http://sembilan-de.blogspot.com/" target="_new"><span>MY CLASS</span></a></li>
<li><a href="http://abi-galoga.blogspot.com/search?max-results=300"><span>All Menu</span></a>
</li>
</ul>

<div id="navright">

<form id="searchform" action="/search" style=" text-align:center;" method="get">
<input onfocus="if (this.value == &quot;Cari Artikel&quot;) {this.value = &quot;&quot;;}" value="Cari Artikel" type="text" id="s" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari Artikel&quot;;}" size="20" class="inpsearch" name="q"/>
<input id="searchsubmit" value="GO" type="submit"/>
</form>

</div></div>

0 komentar:

Post a Comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home