berikut cara menambahkan kotah pencarian....
Cara Membuat Kotak Search di Blog
1. Login ke blog anda
2. Masuk ke Rancangan -Edit HTML
3. Centang "Expand Template Widget"
4. Cari kode </head> dan masukan kode berikut diatas kode </head>
input#s {
background: #FFFFFF url(http://2.bp.blogspot.com/_4HKUHirY_2U/TPdhL9mFqrI/AAAAAAAAIrY/Cvilh-L7X7Y/s1600/fields.jpg) top left repeat-x;
border: 1px solid #CCCCCC;
padding: 6px 4px 6px 4px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #6D6D6D;
width: 275px;
float: left;
}
input#search-submit {
background: url(http://4.bp.blogspot.com/_4HKUHirY_2U/TPdhMGuiAWI/AAAAAAAAIro/mhSbqCMbtDU/s1600/search.png) 0 0;
border: 0;
width: 25px;
height: 27px;
position: absolute;
margin: 4px 0 0 -30px;
cursor: pointer;
}
5. Setelah itu silahkan anda cari kode <div id='sidebar-wrapper'> dan Masukan kode berikut tepat di bawahnya
<div id='search'>
<form action='/search' id='search-form' method='get'>
<input id='s' name='q' onfocus='doClear(this)' type='text' value='search'/>
<input id='search-submit' type='submit' value=''/>
</form>
</div>
<form action='/search' id='search-form' method='get'>
<input id='s' name='q' onfocus='doClear(this)' type='text' value='search'/>
<input id='search-submit' type='submit' value=''/>
</form>
</div>
6. Save
ket: ganti tulisan search dengan tulisan yang ingin anda tampilkan di dalam kotak
Artikel Terkait
0 komentar:
Posting Komentar