New Style Search engine

anda bosan dengan bentuk search engine yang dari dulu bentuknya cuma gitu gitu aja?
mau bentuk search engine lain dari pada yang lain?
eits bukan kelainan lho.mungkin banyak dari teman teman blogger yang sudah tau cara merubah bentuk search engine yang lebih professional.

nah kali ini saya akan memberi tahu cara merubah search engine lain
dari pada yang lain.
lebih simple kok tanpa harus ke menu Edit HTML

• Pertama
Login dahulu di account blogger anda
• Kedua
Pilih Tata Letak(bahasa indonesia)
pilih Layout (bahasa inggris) kalau bahasa yang lain tidak tahu
• Ketiga
klik Elemen Halaman(bahasa indonesia)
klik Page Elemen(bahasa inggris)


nah sekarang anda tinggal pilih pilih saja yang mana search engine yang akan anda pasang
• Versi 1

nih kodenya

<form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." type="text" id="search-box" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" style="background: #fff; -moz-border-radius: 55px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #fff; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>

• Versi 2

nih kodenya

<form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." type="text" id="search-box" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" style="background: #fff; -moz-border-radius: 55px;  padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #FFFCA4; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>

• Versi 3

nih kodenya

<form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." type="text" id="search-box" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" style="background: #B6FF43; -moz-border-radius: 55px;  padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #FFFCA4; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>

• Versi 4

nih kodenya

<form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." type="text" id="search-box" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" style="background: #FFFCA4; -moz-border-radius: 55px;  padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #fff; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>

• Versi 5

nih kodenya

<form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." type="text" id="search-box" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" style="background: #fff; -moz-border-radius: 55px;  padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="margin-left: 5px; margin-right: px;margin-top: 5px;margin-bottom: px; padding-top:px" src="http://i38.tinypic.com/5dw6c2.jpg" value="Search" type="image"/> </form>

• Versi 6

nih kodenya

<form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" value="Search..." type="text" id="search-box" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" style="background: #FFFCA4; -moz-border-radius: 55px;  padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="margin-left: 5px; margin-right: px;margin-top: 5px;margin-bottom: px; padding-top:px" src="http://i38.tinypic.com/5dw6c2.jpg" value="Search" type="image"/> </form>

anda bisa mengganti tulisan
form action="/search"
dengan link milik anda
contoh
form action="www.namabloganda.blogspot.com"


dah kayaknya itu aja deh..
mau ingin tanya tanya?
tulis aja di kotak komentar oke


PERHATIAN..!Bagi Anda Yang Ingin Copy Paste Artikel Saya Harap Mencantumkan Sumbernya
Terima Kasih

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.