skins about bias entry link stuff
👯 Say something kind?

👯 Memories



Older Post | < Newer Post

👯 Followers


👯 Because of you!
Search Box
Friday, September 4, 2015 | 5:46:00 PM | 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;">
<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>
   Setting code :
  • 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
  4.  Let's preview then save!

Good Luck! Any question?
Blogger Ruth Deany A said...

Ini buat blogskins, kan? Yaahh... padahal aku juga mau, kak

 
Blogger Shafa Afa said...

iyaa.. maaf yah~ sudah coba taruh di widget?

 
Blogger Shafa Afa said...

iyaa.. maaf yah~ sudah coba taruh di widget?

 

Post a Comment

• Any question/ request/ complain?!
• Please leave some comment after read my post!
• Use positive words, no harsh words!
• Thanks for read my post, hope useful :)