Renungan...

Cintai Dunia & Lingkungan Ini Seperti Kita Mencintai Diri Kita Sendiri

Open BlogRoll !

Bagi teman-teman blogger, ayo jalin persatuan antar blogger !
Tukaran Link-Blogger , silakan e-mail saya
di info@sharingcomnies.co.cc.

Nama :
Judul Blog :
URL :

Klik gambar di atas untuk mengirimkan email Anda.

Selengkapnya Klik disini..
*Email Anda Akan Segera Saya Konfirmasi.
~.:: Terima Kasih ::.~

Bali Blogger Community

Bali Blogger Community

Pencarian

Minggu, 09 Agustus 2009

Bikin Mesin Pencari di Blogger

Search Engine pada blogger memudahkan pengunjung mencari artikel dalam blog. Mungkin sebagian ada yang sudah tau cara membuatnya. Tapi, kali ini kita membuatnya dengan sedikit berbeda, dengan Flat Button Style dan Flat Text Box Style. Nah, berikut cara membuatnya yang saya dapetin di salah satu tabloid ni :


  1. Login ke bloger kalian. Pada Template, pilih Element Halaman -- Tambahkan sebuah elemen halaman -- HTML/JavaScript


  2. Kemudian salin kode berikut ini :


    <form action="http://<b>NAMABLOG</b>.blogspot.com/search" method="get">
    <input class="textinput" name="q" size="37" type="text"/>
    <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

    Kemudian di simpan. (ganti NAMABLOG dengan domain blog kalian)

  3. Berikutnya, pada Template, pilih Edit HTML.


Salin kode di bawah ini pada jajaran kode CSS blogger. Tepatnya setelah kode body { , diakhiri dengan tanda } .



.buttonreset{
color:#333;
background-color:#f3f3f3;
border:1px solid #999;
padding:1px;
}

.buttonsubmit{
color:#333;
background-color:#f3f3f3;
border:1px solid #999;
padding:1px;
}

.textinput{
color:#333;
background-color:#ffffff;
border:1px solid #999;
padding:1px;
}


Kemudian simpan, dan lihat hasilnya.
Selamat mencoba ! :D


Share/Save/Bookmark


Related Posts with Thumbnails