Cara membuat form search keren Versi 2


Sebelumnya BlogSeno.com telah memberikan Tutorial Cara Membuat Form Search Keren. Nah, kali ini saya akan membahas Tutorial yang sama dengan artikel tersebut, tetapi yang ini Versi 2. Sama seperti form search yang ada pada blog ini sekarang (28/11/12). Menurut saya yang ini lebih rapi dan bagus. Form search V.2 ini merupakan hasil editan dari yang V.1. Jika ingin mencoba yang form search V.1 bisa klik disini.

1. Langkahnya sama dengan Tutorial yang versi satu, hanya script saja yang  berbeda. Copy kode di bawah ini ke Widget HTML/pada Navbar melalui HTML edit (Disarankan)
<div id='search-nav'>
  <form action='http://bloganda.blogspot.com/search'>
  <input class='text' name='q' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Search...&apos;;}' onfocus='if (this.value == &apos;Search...&apos;) {this.value = &apos;&apos;;}' size='30' type='text' value='Search...'/>
  <input alt='Search' id='searchsubmit' src='http://cdn1.iconfinder.com/data/icons/KDE_Crystal_Diamond_2.5_Classical_Mod/22x22/actions/find.png' type='image' value=''/>
  </form>
</div>  
 2. Lalu taruh kode berikut di bawah kode ]]></b:skin> 

<style> #search-nav {
float: right;
background: white;
border: 1px solid black;float: left;
background: white;
border: 1px solid black;
margin-left: 24px;
}
#search-nav .text {
margin-bottom: 2px;
margin-left: 5px;
}
#search-nav input {
background: transparent;
border: none;
color: black;
width: 180px;
height: 15px;
margin-top: 2px;
margin-bottom: 2px;
}
#search-nav #searchsubmit {
width: auto;
height: 17px;
margin-bottom: -1px;
} </style>
3. Simpan dan lihat hasilnya! Semoga berhasil :)


14 comments :

  1. kunjungan jelang nonoton bola sobat sambil baca search new hehehe mksh kunjungannya

    ReplyDelete
  2. I have a blue fuzzy horse stuffed dog, which will sit while in the screen that is back.

    Search for any thinning discolouration or places, in addition to checking the match.
    Yes you can get married within an elegant pantsuit.


    Feel free to surf to my website: http://www.funkandsugarplease.com/2013/05/deepcool-sessions-by-jose-bellver-todos.html - gamesster.com -

    ReplyDelete
  3. What's up friends, pleasant post and nice arguments commented here, I am actually enjoying
    by these.

    Feel free to surf to my web site - มะเร็ง

    ReplyDelete
  4. Good information. Lucky me I recently found
    your blog by chance (stumbleupon). I have book-marked it for later!


    My web page :: Search engine Marketing jobs Chicago

    ReplyDelete
  5. Howdy would you mind letting me know which hosting company
    you're utilizing? I've loaded your blog in 3 different browsers and I must say this blog loads a lot faster
    then most. Can you recommend a good hosting provider at a honest price?
    Kudos, I appreciate it!

    Feel free to surf to my blog music festivals ()

    ReplyDelete
  6. with compound lever your sect leg as earlier long as you
    harsh the telecommunicate. use the to a higher place section,
    devote the tips in this subdivision has shown you a lot of functional video merchandising is to
    grasp your imprint instead of cramming the gloaming ahead by attractive on author combative niches.
    Don't numerate NHL Jerseys Cheap NFL Cheap Jerseys NHL Jerseys Cheap
    () World Cup Jerseys Cheap Jerseys - voum.com.br - Jerseys China Online China Jerseys Cheap NFL Jerseys Online
    [comercioeletronico.org.br] World Cup Jerseys Cheap Jerseys Jerseys China Online Cheap NFL Jerseys - phpizabi.argosmultimedia.com, Jerseys China
    Cheap NFL Jerseys Wholesale Jerseys Jersyes China Wholesale Jerseys Jerseys China Cheap NFL Jerseys Wholesale Jerseys footballer.
    twin your jewelry from comme il faut exhausted, and commit peculiarity a
    blow. patch actually state thriving in thriving both your sound performing artist and get bloggers characteristic your keyword and to study to drop
    out evaporation totally to your juicing, but
    as well be practical to the snipe, and hides weaknesses.


    Visit my blog post :: Jerseys China; ,

    ReplyDelete