Tukar bentuk paparan search pada blog - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Tukar bentuk paparan search pada blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel fungsi search, Artikel tutorial blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Tukar bentuk paparan search pada blog
link : Tukar bentuk paparan search pada blog

Tukar bentuk paparan search pada blog

Bila kita memasang fungsi search pada blog,butang search adalah berwarna kelabu.dan papaparan ruang carian adalah puteh.Bagi memberi sedikit kelainan dan membuatkan nya lebih menarik cuma memerlukan sedikit perubahan pada kod css.Kebaikan Pemasangan fungsi search ini penting adalah bagi kemudahan pengunjung mencari artikel diblog .

contohnya seperti dibawah ini:

Kod nya adalah seperti dibawah:

<form id="searchform" action="http://teknikbuatblog.blogspot.com/search" name="searchform" method="get">
<input id="search-box" name="q" size="20" type="text" style="background: #CA226B; border: 4px ridge #000066"/>
<input id="search-btn" value="Search" type="submit" style="background: #F433FF; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/>
</form>

warna hijau adalah kod background ruang carian dan oren background bagi button.Kod warna boleh didapati disini .Tukarkan alamat blog pada teks berwarna biru dengan alamat blog anda.

Menggunakan imej sebagai button:

<form id="searchform" action="http://teknikbuatblog.blogspot.com/search" name="searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Cari Artikel...." /> <input id="searchsubmit" value="SEARCH" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC5DKdtOcjjEmlzpalls1pNglWdq1TMOxeU5-KN-JSis9Quw4W68lusyeCgwQ6iEPbPPytINvwnpq3Cj0UK1Zacm6FV4Wx9n423RPgAq1bkdZHHFMq6SElbzE_woXr5qP1LTtnoLlmYBg/s1600/green-button.png" align="top"/></form>

*boleh gantikan imej yang sesuai sebagai button pada teks berwarna merah.Tukarkan alamat blog pada teks berwarna biru dengan alamat blog anda.

Cara memasangnya adalah seperti berikut:
1.Masuk ke design dan pilih Layout---add gadget

2.Pilih HTML/Javascript

dan masukkan kod diatas didalamnya dan klik butang save.

update 9/5/2013

Demikianlah Artikel Tukar bentuk paparan search pada blog

Sekianlah artikel Tukar bentuk paparan search pada blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Tukar bentuk paparan search pada blog dengan alamat link http://carasignup.blogspot.com/2011/09/tukar-bentuk-paparan-search-pada-blog.html

Tweet