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 == "Cari Artikel") {this.value = "";}" value="Cari Artikel" type="text" id="s" onblur="if (this.value == "") {this.value = "Cari Artikel";}" size="20" class="inpsearch" name="q"/>
<input id="searchsubmit" value="GO" type="submit"/>
</form>
Contoh milik saya ():
<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 == "Cari Artikel") {this.value = "";}" value="Cari Artikel" type="text" id="s" onblur="if (this.value == "") {this.value = "Cari Artikel";}" size="20" class="inpsearch" name="q"/>
<input id="searchsubmit" value="GO" type="submit"/>
</form>
</div></div>
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 == "Cari Artikel") {this.value = "";}" value="Cari Artikel" type="text" id="s" onblur="if (this.value == "") {this.value = "Cari Artikel";}" size="20" class="inpsearch" name="q"/>
<input id="searchsubmit" value="GO" type="submit"/>
</form>
Contoh milik saya ():
<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 == "Cari Artikel") {this.value = "";}" value="Cari Artikel" type="text" id="s" onblur="if (this.value == "") {this.value = "Cari Artikel";}" size="20" class="inpsearch" name="q"/>
<input id="searchsubmit" value="GO" type="submit"/>
</form>
</div></div>
0 komentar:
Post a Comment