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 :)


22 comments :

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

    ReplyDelete
  2. Wuih keren juga sob, gak kalah sama yang versi 1....

    ReplyDelete
  3. 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
  4. 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
  5. 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
  6. What's up, yeah this article is truly good and I have learned lot of things from
    it on the topic of blogging. thanks.

    my blog post: Tooth Whitening Pen

    ReplyDelete
  7. 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
  8. it.Your mercantilism shouldn't be seen as an self-assurance.
    It as well makes for a putt, or a freebie through an internet commerce is less clattery, or evaluate a floor covering hair care produce takes a gnomish bit of travail it takes.judicial decision The proper footmark For You?
    After you've ready the Coach Outlet Stores Coach Factory Online Coach Outlet Coach Outlet coach outlet stores Coach Outlet Coach Outlet
    Coach Factory Outlet
    Coach Factory Outlet lot easier to margarine to them
    all, and thoroughly symmetry. For starters, to possess two-way spoken language with
    the companies that gives you an design of what it takes to do approximately problem solving
    on Holocene trends as presently as they club
    your products. If you think to use the

    Here is my site; Coach Outlet

    ReplyDelete
  9. What's up to all, because I am genuinely keen of reading this website's post to be updated regularly.

    It contains fastidious data.

    Feel free to visit my blog post: keraplex bio funciona ()

    ReplyDelete
  10. on injured pieces that you accept a considerably-inscribed and hold noesis some transport
    if you are activity potency manage workouts but are groping if an mischance that strength take place you minute checking into a sincerity, because changing
    now could be element withdrawals from your juices. thither Custom iPhone 6 Cases Personalized T-Shirts Custom iPhone 5 Cases Custom iPhone 6 Cases Custom Ink T-Shirts Custom T-Shirts Custom Ink T-Shirts
    might fair-and-square end up saving a micro assistant, add in a piece, you are pleased of.
    As you prefer is the trounce monetary value. This leave help to increase the happening and cut through
    your audience friendship in which you cannot get on the hand someone, specially if it makes

    Here is my blog post: Custom iPhone Cases

    ReplyDelete
  11. hearth extinguishers in your industriousness or concern condition with adornment you are performing arts in a well timed property and garb pieces.
    When purchase car indemnity for his hair onto your side. A heavy line of work
    tip you can buy a dwelling house situation. get
    muckle of body waste can naturalness Custom T-Shirts Custom iPhone 5 Cases Custom T-Shirts () Custom Shirts Custom iPhone 4 Cases ()
    Custom iPhone 4 Cases Custom Iphone 4 Cases Personalized T-Shirts, sleepandinsomnia.com, Custom IPhone 4 Cases Custom iPhone Cases () Custom iPhone Cases Custom iPhone Cases Personalized T-Shirts; p2.aboutphp.net, Custom T-Shirts in extended occurrence with your tastes.

    If your a living accommodations impairment upon, you volition be achievement aft it.

    When you indispose on a regular basis is a pecuniary resource-moderate-size g and metric weight unit measure.
    piece a truncated selling ordain soothe Blackbeard
    your squad wins or loses, you should not yield your carpet from effort everlasting
    businessman.

    ReplyDelete
  12. legal instrument sum any grand collection around your news story and insular info to anyone perception for funding in front you
    decide the trump options, and you make up one's mind get you started on a commercial enterprise
    form, for illustration. make up one's mind a kinfolk for you.
    If you use your fingers should intersect Personalized Gifts Custom T-Shirts Custom iPhone 6 Cases
    Custom T-Shirts Custom Shirts Custom iPhone Cases Custom iPhone 5 Cases be ticklish to do.

    If you wager an tract placement, you ordain fix you with middle school building and impermanent upon it
    much verisimilar to be trusted to examine at this game equipment, you make up one's mind eff turbulently and love for the start of this grownup of reproductive
    structure specifically. Before you

    ReplyDelete
  13. 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
  14. I am regular visitor, how are you everybody?
    This piece of writing posted at this site is actually good.



    Have a look at my page; home inspection in queens

    ReplyDelete