✔ Cara Edit Memodifikasi Custom Search Kafe Di Blogspot 2015

Saya telah memakai kafe pencarian kustom dalam beberapa template gratis yang saya miliki di sini dan saya sadar bahwa saya tidak termasuk petunjuk ihwal cara untuk menyesuaikan lebar.

Jika Anda memakai salah satu template gratis blog ini dengan kafe pencarian kustom, berikut ialah cara untuk menyesuaikan lebar kafe pencarian sehingga tidak akan terlihat menjengkelkan saat Anda menyesuaikan lebar sidebar.

1. Masuk ke Template, kemudian Edit HTML. Pastikan Anda sudah didukung template anda terlebih dahulu!
2. Cari isyarat ini:

masukan # searchinput {
background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFCcbAkrBGT8dGa9VrpH387ReIWXOtdYXbWYYxa_p-zai-7q5P11_42pLWtTLz7EbP5JQI04vRsHkS0cbXYBHkXGXp4KNEuf8PuJecGJAvEXE-GWo1F7bmjDDFhfy8XWVlg-HqYSrzV8/s1600/spyglass.png) no-repeat 5px 6px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
height: 22px;
line-height: 1.2em;
padding: 4px 68 px 4px 30px;
}

3. Anda sanggup menyesuaikan lebar dengan menyesuaikan padding, khususnya angka kedua (68 dalam teladan di atas).
4. Edit padding dan preview template anda terlebih dahulu untuk memastikan semuanya berbaris sebelum menyimpan semua perubahan ke template Anda!


Bagaimana menambahkan kafe pencarian kustom

Saya tidak ingat di mana saya menemukan tutorial untuk kafe pencarian kustom sebab sudah begitu lama. Aku sangat menyesal saya tidak sanggup menghubungkan ke tutorial itu! Anyway, berikut ialah cara untuk menambahkan jenis kafe pencarian ke blog Blogger.

1. Pertama, back up template anda.
2. Lalu pergi ke Template, kemudian Edit HTML.
3. Masukkan isyarat ini di atas]]> </ b: skin>

/ * Bentuk * /
input [type = text],
input [type = sandi],
textarea {
background: # f3f3f3;
-moz-box-shadow: inset 0 1px 1px RGBA (0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 1px RGBA (0,0,0,0.1);
box-shadow: inset 0 1px 1px RGBA (0,0,0,0.1);
border: 1px # ccc padat;
color: # 222;
}

input [type = text]: fokus,
textarea: fokus {
color: # 363636;
}

textarea {
padding-left: 0;
width: 98%;
}

input [type = text] {
padding: 2px;
}

masukan # searchinput {
background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbFCcbAkrBGT8dGa9VrpH387ReIWXOtdYXbWYYxa_p-zai-7q5P11_42pLWtTLz7EbP5JQI04vRsHkS0cbXYBHkXGXp4KNEuf8PuJecGJAvEXE-GWo1F7bmjDDFhfy8XWVlg-HqYSrzV8/s1600/spyglass.png) no-repeat 5px 6px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
height: 22px;
line-height: 1.2em;
padding: 4px 68px 4px 30px;
}

masukan # searchsubmit {
display: none;
}

4. Simpan perubahan ke template Anda.
5. Pergi ke Layout dan menambahkan HTML / Javascript gadget.
6. Copy / paste isyarat ini:

<Div align = "left">
<Form action = "http: ANDA URL BLOG / search / //" id = metode "searchform" = "mendapatkan">
<Class input = "lapangan" id = "searchinput" name = "q" placeholder = "Cari" type = "text" />
<Class input = "submit" id = "searchsubmit" name = "submit" type = "submit" value = "Search" />
</ Form>
</ Div>

7. Ganti teks berwarna merah dengan URL blog Anda dan simpan!

sumber www.colorityou.blogspot.com/

Sumber http://lamno-style.blogspot.com

Share this post