Tươi và đẹp hộp tìm kiếm để blog của bạn blogger. Một tìm kiếm đơn giản, hộp phụ tùng. ở đây tôi đưa ra sáu hộp tìm kiếm xinh đẹp và tươi mới cho bạn. Trên thực tế đây là những PSD nguồn được thiết kế bởi Design3edge. tôi đang chuyển đổi sang Blogger cho bạn. hy vọng bạn thích với điều này!.
Làm thế nào để Thêm Hộp tìm kiếm đẹp cho Blogger
- Nhấp vào Thêm một tiện ích mà bạn muốn đặt hộp tìm kiếm.
- Chọn HTML / JavaScript từ Danh sách các.
- Đặt bất kỳ một mã trong hộp tìm kiếm để nó và Lưu Gadget.
Style 1
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi5tAbngPxzfZRtoCWvFMhJB2jVn-1pehXKFERrRrFT6VZdKsGZ24z_SFU-oXOtKsoElVTCcbJx-Wqn8r9IVtYsOBCqlb7OEy8juHwxJxj7BB-Q2zUuMFk4cRdSG6bGvaVkfLAESTgFOYN/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 2
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_sSvNhKBQ6Xic63L7kG0llRNdQIh_zihAD9Z7C5Huuc_2Asc_rCEmyeR2b1_B9lfqMAMcb1L6GxVN1oyokoIoazT-0DGSwcQp8dQ3CfMzvygN41rZVDiF_slukj4mPuv7PveDNavkOIbn/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 3
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBpS56MEDrbWicWi_ne8sZ-YCjSThJpYtyj7-CIQdP_mNSeop6LxXtEC_STXwpyNeERASsw8g4YnlF0mlEpcusZTF-AoTxGGemVSFQECmObBctKHmDLpDWXvz-FZ8WoKrWlXIdGihO5HL0/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 4
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR107uKnEnqyJpYD0CTivTsp2EhExSTC6pAnb1BCLPgDUDUeYKuD_x7mBDP-9B5R_PECSiG6ZFYnciVdvx3rbO68Au3o6SMAbaMCBVLSwEK1O_Z1SJsasb1FNIEnUH__TJUe7NkDnjPLV5/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 5
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfULlH0fTcCo9kt1zfNwtIBqXqEq_VjGlB1kHj83pJgJxK2fMQZlpWlzYq0oO-pc4P7dXBS7UYBl4ocSlx2GFWmYDCoIoiMauxra-0wvJZVadS9zk6-JLAS8_SzBViTMLdYhlh48RtA867/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Style 6
<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUeD-SVv-Rht-8-VbzvuvEiLTTcA5o-GBGAKqeuSsE5VJoS0HS6OBubGDrbQvCDoUtGq3IhVruVxErWd7j-FoyFIlK3GqYOH1rOHmTuN3hBoeay7JAb8AHACQUkvWeB4GjU9-MHf3dZG53/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<div id="w2b-searchbox">
<form id="w2b-searchform" action="/search" method="get">
<input type="text" id="s" name="q" value=""/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
</form>
</div>
Nguồn : choiblogs.blogspot.com
Copy : CGC Blog
Khi copy, các bạn nhớ ghi rõ nguồn gốc. Xin chân thành cảm ơn!
9 Bình Luận:
This post came in a well timed passion!
I can't believe it. I had been looking online for Email Templates. You did an outstanding job and yes i completely agree that a template can make or break your online business. Good Job!
Review my web blog Email Stationery Templates
I used to be suggested this website via my cousin.
I'm now not certain whether or not this submit is written by way of him as nobody else understand such exact approximately my trouble. You're amazing!
Thanks!
Here is my web site email invitation Templates []
Thanks for sharing your thoughts about environmental current events.
Regards
Feel free to surf to my web site :: Tilt Phone
Hey there! I realize this is sort of off-topic but I needed to ask.
Does operating a well-established blog like yours take a massive amount work?
I'm brand new to writing a blog however I do write in my diary daily. I'd like to start a blog so I can
easily share my personal experience and feelings online.
Please let me know if you have any kind of ideas or tips
for new aspiring blog owners. Appreciate it!
Here is my website bridal eye makeup
Great goods from you, man. I have understand your stuff previous
to and you're just too magnificent. I really like what you have acquired here, really like what you are saying and the way in which you say it. You make it enjoyable and you still care for to keep it wise. I can't wait to read far more from you.
This is actually a terrific web site.
Also visit my web site just click the up coming document
Good day! I just wish to offer you a big thumbs up for your excellent information you've got right here on this post. I will be returning to your site for more soon.
Here is my homepage commemorate
Hi there to every one, the contents present at this web site
are really amazing for people experience, well, keep up the good work fellows.
Also visit my web blog ... opera
It's actually a cool and useful piece of information. I am glad that you just shared this useful information with us. Please keep us informed like this. Thank you for sharing.
Stop by my weblog; just click the Up coming internet page
fantastic put up, very informative. I'm wondering why the other specialists of this sector don't realize this.
You should proceed your writing. I'm confident, you've a great readers' base already!
Also visit my site - click through the Up coming website page
Đăng nhận xét
☺ Nội quy comments của CGC Forum :
1. Comments không được sử dụng lời lẽ thiếu văn hóa, ảnh hưởng xấu đến chính trị, tổ chức, cá nhân.
2. Không được sử dụng comments với mục đích spam.
Những comments làm trái quy định sẽ bị xóa...!
Xin cảm ơn các bạn đã đóng góp comments và tuân thủ nội quy của blog !
Notice by Admin