Download Gratis Cara Memasang Tombol Search Di Blog Update Terbaru

Update Artikel Seputar Cara Memasang Tombol Search Di Blog Terbaru 2017 - Hay gaes kali ini team Depot Game Android, kali ini akan membahas artikel dengan judul Cara Memasang Tombol Search Di Blog, kami selaku Team Depot Game Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Depot Game Android. semoga isi postingan tentang Artikel Tutorial, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Artikel Seputar Cara Memasang Tombol Search Di Blog Terbaru
link: Cara Memasang Tombol Search Di Blog

Berbagi Update tentang Cara Memasang Tombol Search Di Blog Terbaru dan Terlengkap 2017

Ini Lah Cara Untuk Membuat Kotak Pencarian Di Blog
Pastinya Buat Pelanggan Blogger Tidak Bingung
So

Lets Go :
1. Buka Blogger, Klik Tanda Panah , Dan Klik Tata Letak

2. Klik Tambahkan Gadget ( Add Gadget )

3. Cari Html/JavaScript 

4. Copy Kode Di Bawah Ini :

 ---------------------------------------------------------------------------------------------------------

1.  <form action="http://02mei2000.blogspot.com/search"

method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti Teks Warna Merah Dengan Url Blog Anda

2.                                                                     

<span style='float:right;'><style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC7rLvfp_ZKbYdQHA2wPE2FiuLvCHxMO12-CumYM3TXPwoniZtv6bpoWjjCvLf1RXgJTHlifyafFSHpWTJQ1ReRcPBst_Q-njtohQLXICyWnB68p8AOltAKhvv4508NUF3kgwhP8kjvHui/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get"> <input type="text" id="a" 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="abutton" /> </form></div></span>

Hasil:

3. 

    

<form action="/search" style="display:inline;" method="get"><input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/></form><style>#s { margin: 0 auto; -webkit-appearance: none; -moz-appearance: none; padding: 12px 48px 12px 12px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; width: 200px; height: 16px; color: #3a4449; border: none; outline: none; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2); position: relative; z-index: 2; background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp8CwkxzZsWU60fSwFPDAQMsNXYmRN6er4DxdCxe3uQfe90ji6GhGJwjUqRY7F7wg9HWgaYKCNWXdCP6vcSjew06JRihCZb6sORHw4zw71am7XiwumjFxdM5kgG-DKZ-bmsClkvdp553E/s1600/Search.png) center right no-repeat; } #s::-webkit-input-placeholder, #s:-moz-placeholder { color: #607078; } </style>

Hasil :

Itulah sedikit Artikel Cara Memasang Tombol Search Di Blog terbaru dari kami

Semoga artikel Cara Memasang Tombol Search Di Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Depot Game Android. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Cara Memasang Tombol Search Di Blog