Hallo :D met sore gan
kali ini mimin akan membuat tutorial :
Cara Membuat Kotak Search di Blog
Langsung aja Tutorialnya di bawah :)
1. Buka Blogger -Tata Letak - tambahkan gadget - Html / java script
2. Masukan kode berikut di Html / java script
Kode Html:
<style>
#abt-search-btn {
background: none repeat scroll 0 0 #1ca4ff;
border: 0 none;
border-radius: 0 0 0 0;
color: #FFFFFF;
font-weight: 700;
padding: 10px 20px;
}
#abt-search-btn:hover {background: grey;}
#abt-search-box {
background: none repeat scroll 0 0 #EEEEEE;
border: 0 none;
padding: 10px;
width: 180px;
}
</style>
<a><form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="abt-search-box" name="q" size="40" type="text" placeholder=" Type Here ..."/>
<input id="abt-search-btn" value="Search" type="submit"/>
</form>
</a>
4. Paste - Simpan :D
Gimana, mudah bukan :)
Catatan : ini berbentuk widget !!!
Bikin Berat Ga Nih ?
ReplyDeleteengga gan
Deletegak berat kan ?
ReplyDeleteijin nyoba ya bang :-D