Search Box
Friday, September 4, 2015 | 3
comments

Hello Guys, today, i'll teach you how to create a search box in the top-corner of the blog.
example :

Ready? Now, follow this step!
1. Dashboard > Template > Edit HTML
2. Press ctrl+F, find <style type="text/css"> code!
3. Copy this code, then paste above <style type="text/css"> code! Get it?
<div style="position: fixed; top: 40px; right: 10px;">Setting code :
<form action="/search" id="searchThis" method="get" style="display: inline;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background:url(YOUR BACKGROUND URL); border-bottom-left-radius: 10px 10px;border-top-left-radius: 10px 10px;border: #FFEEEE solid 3px;color: #666666; font-size: 11px;font-family:century gothic; width:135px;padding:3px;padding-left:5px; " type="text" value="Search here..." vinput="" /> <input id="search-btn"src="YOUR BUTTON URL" style="style="padding:0px;" type="image" value="Search" title="Search" /></form></div>
- Green : Right or left (?)
- Red : URL
- Pink : Border style (dashed, dotted, solid, double,...)
- Blue : Border thick size
- Orange : Font size
- Purple : Font type
- Gray : Font color
- Blue2 : Border color
Good Luck! Any question?

Ini buat blogskins, kan? Yaahh... padahal aku juga mau, kak
iyaa.. maaf yah~ sudah coba taruh di widget?
iyaa.. maaf yah~ sudah coba taruh di widget?
Post a Comment
• Any questions/ requests/ advices?
• Please leave some comments after read my post^^
• No harsh words please my dear 💖
• Thanks for read my post, hope useful 😊