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>
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 == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = ""}" 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>
<input id="s" name="q" onblur="if (this.value == "") {this.value = "Search...";}" onfocus="if (this.value == "Search...") {this.value = ""}" 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
Sesuai dengan perkembangan teknologi masa kini, Al-qur’an pun dikemas dalam bentuk digital secara online. Hal ini akan memudahkan umat muslim untuk belajar membaca Al-Qur’an lengkap dengan memahami artinya, mendengarkan lapasnya sesuai dengan tajwid secara Online. Selain itu, Al-Quran digital ini juga bisa dipelajari per-surah. Sehingga akan memudahkan kita untuk membacanya.