Saturday, May 24, 2014

Cara Membuat Kotak Search keren Di Blog

Cara Membuat Kotak Search keren Di Blog - Hello visitor, Bang Juling, In the article that you are reading in this time with the title Cara Membuat Kotak Search keren Di Blog, we hope this article useful for your problem information. hopefully the contents of the post label blogger, tutorial, what we write you can understand. all right, have a nice reading.

Tittle : Cara Membuat Kotak Search keren Di Blog
Links : Cara Membuat Kotak Search keren Di Blog

Also read :


Cara Membuat Kotak Search keren Di Blog

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 !!!




Thanks for visit and reading Cara Membuat Kotak Search keren Di Blog

That's the article Cara Membuat Kotak Search keren Di Blog in this time, hopefully it can be of benefit to all of you. well, see you in another article post.

You are now reading the article Cara Membuat Kotak Search keren Di Blog with the link address https://bangjuling.blogspot.com/2014/05/cara-membuat-kotak-search-keren-di-blog.html

0 comments

Post a Comment