AllBloggerTipsTrikTutorialWidget

Cara Memasang Kotak Pencarian Di Blog

Cara Memasang Kotak Pencarian Di Blog – Halo Indonesian Blogger, Kotak pencarian memang sangat dibutuhkan dalam blog Anda karena itu akan mempermudah pengunjung dalam mencari sebuah artikel dalam blog Anda.

Cara Memasang Kotak Pencarian

Selain untuk mempermudah pengunjung dalam mencari informasi dalam blog kita, search box juga berfungsi sebagai navigasi dalam blog Anda.

Baca : Cara Memasang Widget Di Blogger

Cara Memasang Kotak Pencarian Di Blogger

  1. Pertama Silahkan Anda login pada akun Anda
  2. Setelah itu Anda masuk kemenu layout/tata letak
  3. Pilih tambahkan gadget
  4. Selanjutnya setelah Anda menambahkan gadget masukan script dibawah ini kedalam kolom yang tersedia;
<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: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
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 here…’ type=’text’/>
<button id=’search-button’ type=’submit’><span>Search</span></button>
</form>
</div>

Silahkan ganti background search box Anda dengan mengganti kode background-color: #4d90fe; dengan kode yang ada pada gambar diatas.

Mungkin itu tadi cara memasang widget pencarian di blog yang dapat saya share semoga bermanfaat dan jika ada kritik dan saran untuk saya silahkan berkomentar di kolom yang tersedia. Komentar adalah pembangun untuk blog sederhana ini, Terima Kasih.

Abdul Muhajir

I am a Blogger and Internet Marketer who wants to learn, grow and share some knowledge and my experience about Blogging and Internet Marketing to help other Creative Individuals find their passion and share it to the world.
Close
Close