Wednesday, July 30, 2014

Cara Memasang Search Button Ala Metro Style

Cara Memasang Search Button Ala Metro Style
Cara Memasang Search Button Ala Metro Style | Selamat malam sobat blogger semua. Pada malam hari ini saya akan share bagaimana cara memasang search button atau tombol pencarian pada blog. Search button kali ini tidak jauh berbeda dengan search button yang lainnya, hanya saja desain atau tampilannya yang berbeda, yaitu search button bergaya metro. Bagaimana dan Apa itu Metro Style, sepertinya sudah tidak perlu dibahas lagi ya sobat. Saya yakin sobat blogger semua sudah paham mengenai hal tersebut. Hehe

Jika sobat masih belum tahu, silahkan langsung dipraktekan pemasangan search button ala metro style tersebut pada blog kesayangan sobat, agar sobat bisa melihat langsung seperti apa search button bergaya metro tersebut.

Berikut langkah-langkah pemasangan search button ala metro style tersebut.
  1. Login ke akun blogger.
  2. Masuk ke menu Tata Letak.
  3. Pilih Tambah Gadget lalu HTML/Javascript.
  4. Copy kan kode berikut pada form yang tersedia lalu Save.
     <style>#abt-search-btn {    background: none repeat scroll 0 0 #359BED;    border: 0 none;    border-radius: 0 0 0 0;    color: #FFFFFF;    font-weight: 700;    padding: 10px 20px;}#abt-search-box {    background: none repeat scroll 0 0 #EEEEEE;    border: 0 none;    padding: 10px;    width: 160px;}</style><form id="searchthis" action="/search" style="display:inline;" method="get"><input id="abt-search-box" name="q" size="40" type="text" placeholder="  Type! :D "/><input id="abt-search-btn" value="Search" type="submit"/></form>
Untuk pemasangan search button yang lebih leluasa, silahkan sobat lakukan pada menu edit template. Disana sobat bisa menempatkan search button tersebut dimana saja yang sobat inginkan.

Demikianlah Tutorial Blog mengenai Cara Memasang Search Button Ala Metro Style tersebut. Semoga tutorial singkat ini bisa bermanfaat. Happy blogging sob. :)

Artikel Terkait

- Dilarang SPAM

- Dilarang Pasang Link Aktif

- Harus Sopan.
EmoticonEmoticon