Kod Kotak Pencarian Simple Untuk Blogger


 Cara memasangnya:

1. Layout > Add a Gadget
2. Pilih HTML/JavaScript



3. Tajuk widget kosongkan.
4. Pilih dan salin salah satu kod kotak pencarian untuk blog di bawah ini
5. Save!
Kod Kotak Pencarian (Search Box) untuk Blogger

<style>
#searchbox {background: #d8d8d8;border: 1px ;padding: 5px 5px;width: 250px;}
input:focus::-webkit-input-placeholder { color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
#searchbox input {outline: none;}
#searchbox input[type="text"] {background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;border-width: 1px;border-style: solid;border-color: #fff; font: bold 12px Arial,Helvetica,Sans-serif;color: #bebebe;width: 55%;padding: 8px 15px 8px 30px;}
#button-submit {background: #6A6F75;border-width: 0px;padding: 9px 0px;width: 23%;cursor: pointer;font: bold 12px Arial, Helvetica;color: #fff;text-shadow: 0 1px 0 #555;}
#button-submit:hover {background: #4f5356;}
#button-submit:active {background: #5b5d60; outline: none;}
#button-submit::-moz-focus-inner {border: 0;}
</style>
<form id="searchbox" method="get" action="/search">
<input name="q" type="text" size="15" placeholder="Type here..." />
<input id="button-submit" type="submit" value="Search" />
</form>

<style>
#searchbox{width:240px}
#searchbox input{outline:none}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
#searchbox input[type="text"]{background:url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;border:2px solid #f2f2f2;font:bold 12px Arial,Helvetica,Sans-serif;color:#6A6F75;width:160px;padding:14px 17px 12px 30px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;text-shadow:0 2px 3px #fff;-webkit-transition:all .7s ease 0;-moz-transition:all .7s ease 0;-o-transition:all .7s ease 0;transition:all .7s ease 0}
#searchbox input[type="text"]:focus{background:#f7f7f7;border:2px solid #f7f7f7;width:200px;padding-left:10px}
#button-submit{background:url(http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png) no-repeat;margin-left:-40px;border-width:0;width:43px;height:45px}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="Enter keywords here..." />
<input id="button-submit" type="submit" value=" "/>
</form>


<style>
#searchbox{width:280px;background:url(http://1.bp.blogspot.com/-dwLNyhnHlTg/VEQZwf9drLI/AAAAAAAAAlg/rbd0HN4EZrY/s1600/search-box.png) no-repeat}
#searchbox input{outline:none}
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
#searchbox input[type="text"]{background:transparent;border:0;font-family:"Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,"AppleGothic",sans-serif;font-size:14px;color:#f2f2f2!important;padding:10px 35px 10px 20px;width:220px}
#searchbox input[type="text"]:focus{color:#fff}
#button-submit{background:url(http://4.bp.blogspot.com/-4MYBYE0i0Xk/VEQYlljvriI/AAAAAAAAAlQ/_TRkRG5EX1c/s1600/search-icon.png) no-repeat;margin-left:-40px;border-width:0;width:40px;height:50px}
#button-submit:hover{background:url(http://4.bp.blogspot.com/-6S4K8eHPM-c/VEQdf7l84GI/AAAAAAAAAls/j7_kGSpkIfg/s1600/search-icon-hover.png)}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="Enter keywords here..." />
<input id="button-submit" type="submit" value=" "/>
</form>
<style type="text/css">
#hbz-searchbox{min-width:250px;margin:10px auto;border-radius:3px;overflow:hidden;max-width:300px}
#hbz-input{width:59.2%;padding:10.5px 4%;font:bold 15px "lucida sans","trebuchet MS",Tahoma;border:none;background-color:#EEE}
#hbz-input:focus{outline:none;background-color:#FFF;box-shadow:0 0 2px #333 inset}
#hbz-submit{overflow:visible;position:relative;float:right;border:none;padding:0;cursor:pointer;height:40px;width:32.8%;font:bold 15px/40px "lucida sans","trebuchet MS",Tahoma;color:#FFF;text-transform:uppercase;background-color:#D83C3C}
#hbz-submit::before{content:"";position:absolute;border-width:8px;border-style:solid solid solid none;border-color:transparent #D83C3C;top:12px;left:-6px}
#hbz-submit:focus,#hbz-submit:active{background-color:#C42F2F;outline:none}
#hbz-submit:focus::before,#hbz-submit:active::before{border-color:transparent #C42F2F}
#hbz-submit:hover{background-color:#E54040}
#hbz-submit:hover::before{border-color:transparent #E54040}
</style>
<form id="hbz-searchbox" action="/search" method="get">
    <input type="text" id="hbz-input" name="q" placeholder="Search..." />
    <input type="hidden" name="max-results" value="8" />
    <button id="hbz-submit" type="submit">Search</button>
</form>
<center>
<style>
#search{border:1px solid #BDBDBD;background:#fff url(https://lh4.googleusercontent.com/-pVUC_2t4N3Q/VHUyuRgha5I/AAAAAAAAC6g/Wm6jR3X_21U/h120/search3.png) 98% 50% no-repeat;text-align:left;padding:8px 24px 6px 6px;width:85%;height:18px;mouse:pointer:}
#search #s{background:none;color:#BDBDBD;font-family:verdana;font-size:11px;border:0;width:100%;padding:0;margin:0;outline:none}
</style>
<div id="search" title="Tulis lalu tekan Enter">
<form action="/search" id="searchform" method="get"> <input id="s"
name="q" onblur='if (this.value == "") {this.value = "Search";}'
onfocus='if (this.value == "Search") {this.value = "";}' value="Search"
type="text"> </form>
</div>
</center>
<style>
#search-box{position:relative;width:100%;margin:0}
#search-form{height:40px;border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;overflow:hidden}
#search-text{font-size:14px;color:#ddd;border-width:0;background:transparent}
#search-box input[type="text"]{width:90%;padding:11px 0 12px 1em;color:#333;outline:none}
#search-button{position:absolute;top:0;right:0;height:42px;width:80px;font-size:14px;color:#fff;text-align:center;line-height:42px;border-width:0;background-color:#4d90fe;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;cursor:pointer}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>
Sumber : Blog Romeltea

Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

https://belogsjm.blogspot.com/2023/05/kod-kotak-pencarian-search-box-simple.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Resepi Ayam Panggang Simple Dan Mudah

Resepi Ayam Panggang Simple Dan Mudah

papar berkaitan - pada 10/5/2023 - jumlah : 234 hits
Video masakan ayam panggang simple dan mudah boleh lihat sini Penyediaan cukup ringkas Resepi ayam bbq pedas manis Boleh dikatakan ayam panggang madu Sebab bahannya pun menggunakan madu Resepi ayam panggang ni menjadi kesukaan seluruh kelua...
Family Camping Journey Camping Kami Paling Simple Kat Sojuk Riverside Batang Kali Campsite

Family Camping Journey Camping Kami Paling Simple Kat Sojuk Riverside Batang Kali Campsite

papar berkaitan - pada 9/5/2023 - jumlah : 433 hits
Assalamualaikum Ini camping kali ke berapa yer Adei malas nak kira la tapi kali nie memang adventure sikit lain sebab musim hujan Lepas tu pulak SUV kami masuk bengkel Terpaksa datang dengan kereta Kalau sebelum nie bawa banyak barang kali ...
Sandwic Telur Simple Begini Cara Potong Roti Sandwic Yang Kemas

Sandwic Telur Simple Begini Cara Potong Roti Sandwic Yang Kemas

papar berkaitan - pada 11/5/2023 - jumlah : 253 hits
Adakala buntu nak masak apa buat bekalan anak ke sekolah Apa kata kita buatkan sandwic telur simple untuknya Penyediaannya pun cepat dan ringkas Makanan pun berkhasiat Menurut yang sudi berkongsi resipi Sandwic Telur Simple ini jika nak bua...
Simple Tips To Correct A Damaged Commitment After Separating Leading 7 Tips

Simple Tips To Correct A Damaged Commitment After Separating Leading 7 Tips

papar berkaitan - pada 15/5/2023 - jumlah : 253 hits
You won t ever envisioned it to tcouples seeking a womanke place for your requirements you re in a relationship using passion for your life and every thing appears to be heading fine and soon you struck a rough plot Things go south and befo...
Smart And Simple Hacks That Make Spring Cleaning Easier

Smart And Simple Hacks That Make Spring Cleaning Easier

papar berkaitan - pada 17/5/2023 - jumlah : 198 hits
Cleaning is not always the best When there is also a new season where the focus is now shifted from the inside out in spring and summer it is often connected to major cleaning Since the biggest The post appeared first on
How To Add Numbered Page Navigation For Blogger

How To Add Numbered Page Navigation For Blogger

papar berkaitan - pada 29/5/2023 - jumlah : 212 hits
HOW TO ADD NUMBERED PAGE NAVIGATION FOR BLOGGERYou will see how to add page number navigation blogger The default navigation links is not the friendly visitor if you are having a lot of jobs and bloggers readers Few has some problems with t...
Modul Membuat Web Blog Menggunakan Blogger

Modul Membuat Web Blog Menggunakan Blogger

papar berkaitan - pada 27/5/2023 - jumlah : 242 hits
Saat Ini kita sangat dimudahkan dalam hal pembuatan Web Profil Salah satunya dengan menggunakan Fasilitas yg disediagan oleh Blogger untuk membuatnya Dengan Fasilitas ini Kalian dapat membuat web Profil Yang berbasis Blog dengan mudah dan m...
Blogger Direman Berkait Projek Kerajaan Rm41 Juta

Blogger Direman Berkait Projek Kerajaan Rm41 Juta

papar berkaitan - pada 13/5/2023 - jumlah : 180 hits
FMT ReportersPETALING JAYA Seorang penulis blog direman sehingga esok bagi membantu siasatan Suruhanjaya Pencegahan Rasuah Malaysia membabitkan projek kerajaan bernilai RM41 juta Sumber SPRM berkata suspek mempunyai ramai pengikut dan diper...
Pertemuan Blogger Setelah 5 Tahun Tak Jumpa

Pertemuan Blogger Setelah 5 Tahun Tak Jumpa

papar berkaitan - pada 10/5/2023 - jumlah : 235 hits
Assalamualaikum dan hi lama juga zaza tak share kisah personal kan sebenarnya zaza rindu nak share moment berjumpa dengan sahabat blogger dekat KL setelah 5 tahun lebih tak berjumpa Last jumpa sahabat blogger pun sekitar tahun 2018 macam tu...
Millennium Hotels And Resorts Marks Three Decades In Hospitality

Risiko Asteroid Hentam Bumi Meningkat Nasa

Pac Urges Govt To Tap Local Firms To Cut Healthcare Costs

Online Presence Is Critical For Business

Sambal Tempe Kangkung Buat Pedas Lagi Sedap

Tekanan Perasaan Masalah Kewangan Punca Lelaki Bunuh Isteri

Huawei Mate Xt Dengan Inovasi Tri Fold Mencuri Tumpuan Di Pavilion Kuala Lumpur

Gummy Eyeball Bawa Maut Mak Ayah Minta Haramkan Penjualan Jajan Merapu


echo '';
10 Drama Melayu Terbaru Astro Yang Best 2025 Mesti Tonton Juga Tersedia Online

10 Filem Melayu Malaysia Terbaru Best 2024 2025 Mesti Tonton

Info Dan Sinopsis Drama Berepisod Teratak Kasih Salina Rindu Kasih Musim 3 Slot Samarinda TV3

Info Dan Sinopsis Drama Berepisod Dia Imamku Slot Megadrama Astro Ria

Siti Saleha Kahwin Ini Biodata Suami Barunya Joshua Fitton


Pgzeed42 Bonuses Promotions Your Ticket To Jackpot Success

Bekas Perdana Menteri Ismail Sabri Yaakob Tak Sedarkan Diri Dikejarkan Ke Hospital

Ura Kekalkan Ambang Persetujuan 100 Peratus Pemilik Tanah Akmal

Ura Jangan Sampai Sudah Terhantuk Baru Terngadah

Hannahavenhome Tips Menabung Perlahan Untuk Move On Dengan Baik

Terkini Bekas Pm Ismail Sabri Dihantar Ke Hospital Di Damansara Selepas Ditemui Tidak Sedar Diri