Cara Membuat Widget Pencarian Di Blog

Widget pencarian yang dipasang di blog sangatlah penting, karena bisa membantu pengunjung untuk mencari sesuatu yang mereka butuhkan secara instan, cepat, dan mudah. Selain untuk mempermudah pengunjung blog anda Widget Pencarian ini juga bisa mempercantik blog anda.

Nah jika anda berminat untuk memasang widget pencarian ini, silahkan simak tutorial Cara Membuat Widget Pencarian Di Blog dibawah ini...

Tutorial

Pertama buka blogger.com

Pilih blog yang mau anda pasang

Klik "Tata Letak > Tambah Gadget > HTML/JavaScript"

Lalu masukan code dibawah ini ke kolom yang tersedia

<div id="search-form-feed">

    <form action="/search" onsubmit="return updateScript();">

        <input name="q" type="text" value="Tulis Disini.." id="feed-q-input" onkeyup="resetField();" onfocus="this.value='';"/>

    </form>

    <div id="search-result-container"></div>

    <div id="search-result-loader">Loading...</div>

</div>

<script type="text/javascript">

//<![CDATA[

var searchFormConfig = {

    url: "http://juankairwebster.blogspot.com", ((GANTI DENGAN URL ANDA))

    numPost: 9999,

    summaryPost: true,

    summaryLength: 400,

    resultTitle: "Cari",

    noResult: "Tidak Ditemukan",

    resultThumbnail: true,

    thumbSize: 40,

    fallbackThumb: "http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.png"

};

//]]>

</script>

<script type="text/javascript" src="http://cbtblogger.com/blogger/javascript/blogger-quick-search.js"></script>

Setelah itu "Simpan"

Nah lihat hasilnya..
Hasilnya itu pasti sama dengan yang saya pakai sekarang, tetapi yang saya ini sudah memakai Font Awesome dijudulnya
jika ada pertanyaan seputar Cara Membuat Widget Pencarian Di Blog bisa tulis dikolom komentar ....

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Blog

Tweet