Cara Membuat Kotak Pencarian di Blog - carasibal - Hallo sahabat Simple Test, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Kotak Pencarian di Blog - carasibal, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Kotak Pencarian di Blog - carasibal
link : Cara Membuat Kotak Pencarian di Blog - carasibal

Cara Membuat Kotak Pencarian di Blog - carasibal

carasibal -  oke guys kali ini saya akan memberikan, Cara Membuat Kotak Pencarian di Blog - carasibal ( Cara ala iqbal ) ,oke Mari Kita Mulai saja simak Baik Baik Oke.

Pertama Pergi Ke dasboard Blog Anda Seperti Di Bawah ini :

Lalau Klik Di Tata Letak Seperti di bawah ini :

Kalau sudah pergi menu Tata letak pilih dan Klik Tambah Gadget isi kan Codenya di bawah ini

<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>

Copy Code di atas klick tambah widget lalu akan keluar seperti di bawah ini :

Pilih HTML/Javascript , Lalu Akan Keluar Seperti di bawah ini

Kalau Sudah Keluar Seperti di atas Pastekan Code yang Anda Copy Tadi Di Atas, Seperti di bawah ini :

Kalau Anda  sudah Masukan Code Tadi Seperti di atas Klick Simpan , Selanjutnya Anda Pergi Ke Menu Dasboard , dan Pergi Ke Menu Template

Lalukan Seperti di Atas , Lalu Pilih Edit HTML Kemudian AKan Keluar Seperti di bawah ini :

Tekan CTRL F atau CTRL G ,Cari Kode ]]></b:skin> Seperti di atas , dan Paste kan Code di Bawah ini :

#search-box {position: relative;width: 100%;margin: 10px 0 0 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;}

Copy Code di Atas Pastekan Di Atas Code ]]></b:skin> , Seperti di Bawah ini oke .

Kalau Sudah Seperti Di Atas Klick Simpan Template , Dan Selesai .

Hasilnya ;

Oke Itu saja Cara Dari saya , kalau mau nanyak silahkan Comment , dan jangan lupa like dan Share, Sekian dan Terima Kasih.

Demikianlah Artikel Cara Membuat Kotak Pencarian di Blog - carasibal

Sekianlah artikel Cara Membuat Kotak Pencarian di Blog - carasibal kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Kotak Pencarian di Blog - carasibal dengan alamat link https://simple-latest.blogspot.com/2016/11/cara-membuat-kotak-pencarian-di-blog.html

Tweet