 |
| Kotak Search |
Pada Siang ini Saya Mau Share Widget Search yang berguna untuk mempermudah visitor atau pengunjung blog untuk mencari artikel di dalam blogger kita .... Sebenernya tanpa widget ini bisa pake bawaah bloggernya Tapi berubung Template ini engga bisa di taro search bawaahnya jadi saya Share Widget ini
Buat yang blognya gx bisa di taro pencarian di bloggernya Seperti Saya ini..!
CARANYA....!!
- Tata Letak > Tambahkan Gadget > HTML/JavaScript
- Copy dan paste text di bawah ini
<form action="/search" style="display:inline;" method="get"><input id="s" name="q" type="search" placeholder="Pencarian"/></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: 300px;
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/AVvXsEhASUlaOL0Xoz3NUc3UfiAceGhzdZnYzJ7M6b1HxXvp0YUvJ_ESya2mmRBfYXuqNAYq43vT55VfQ4pF6k-uA8xLHQgJ_Zh-PnRs1QHgtUVR8dZMTpfhF2A1_i3GP5zNCLl5dFP_b9UABRk/s1600/Search.png)
center right no-repeat;}#s::-webkit-input-placeholder,
#s:-moz-placeholder { color: #607078;}</style><br/>
Keterangan :
Merah : Sahabat Bisa ganti katanya dengan kata² Sahabat sendiri..!
Orange : Sahabat bisa ganti Sesuai ukuran Template Sahabat..! ^_^
Semoga Bermanfaat Salam Blogger...!!
Title : Cara Membuat Kotak Pencarian Pada Blogger
Description : Kotak Search Pada Siang ini Saya Mau Share Widget Search yang berguna untuk mempermudah visitor atau pengunjung blog untuk mencari art...