Cara Membuat Kotak Pencarian Googel Yang Unik Diblog



Widget kotak pencarian google ini menggunakan plugins javascript yang dapat di kostumisasi, yaitu warna background (blue, yellow, purple dan green), gambar peramal, teks judul, ukuran lebar widget dan lebar kotak pencarian. Nah... untuk lebih detailnya kita langsung aja ke TKP...

Cara Pemasangan :
  • Login ke Blog sobat masing masing.

  • Klik "Design" kemudian klik "Add a Gadget" setelah itu pilih "HTML/JavaScript", seperti gambar dibawah ini.



  • Copy-paste kode berikut ini di kotak postingan gadget.


    <script>
    var sbcolor="purple";
    var sbwidth="255";
    var sbsize="28";
    var sbimg="https://lh5.googleusercontent.com/-AX7RTTkEKbo/T8Zi_u6AQ4I/AAAAAAAABzY/LBzerugKRnU/s800/FortuneTeller.gif";
    var sbtitle="Ask Your Question...";
    </script>
    <script language="javascript" src="http://tgffghg.googlecode.com/files/CobasanasiniSearchBoxCode.js.txt"></script>
    Note :
    • var sbcolor="purple"; // warna style background, tersedia dalam empat pilihan warna (blue, yellow, purple dan green).
    • var sbwidth="255"; // lebar widget sidebar atau upbar.
    • var sbsize="28"; // lebar kotak pencarian.
    • var sbimg="https://lh5.googleusercontent.com/-AX7RTTkEKbo/T8Zi_u6AQ4I/AAAAAAAABzY/LBzerugKRnU/s800/FortuneTeller.gif"; // gambar peramal.
    • var sbtitle="Ask Your Question..."; // teks judul widget.

  • Klik "Save" dan lihat hasilnya...
Jika Bosan dengan gambar diatas anda pun dapat menggantinya dengan gambar seperti yang ada dibawah ini :
  • Gambar Peramal

    • https://lh5.googleusercontent.com/-AX7RTTkEKbo/T8Zi_u6AQ4I/AAAAAAAABzY/LBzerugKRnU/s800/FortuneTeller.gif

    • https://lh6.googleusercontent.com/-zg620wXX5MY/T8pyKPyD29I/AAAAAAAAB0M/zNtB24hzvTk/s800/browser-girl-firefox-icon.png

    • https://lh6.googleusercontent.com/-rAQ7Rv9XpXU/T8ozmTJSb8I/AAAAAAAABz0/DVbHlG1V_4g/s800/genie2.png

    • https://lh4.googleusercontent.com/-7AJwtPfEAfA/T8ozt2ei7BI/AAAAAAAABz8/cVTVbZgtR6o/s800/Avatar%2520Companion.png

    • https://lh6.googleusercontent.com/-We0jmhFLSVM/T8pyKBvbcRI/AAAAAAAAB0Q/chOLvfPYqpY/s800/Pumpkin-icon.png

    • https://lh6.googleusercontent.com/-moBUsTBqFf8/T8p0RRZWC-I/AAAAAAAAB0c/GmPBy6hizrs/s800/Android.png

4Coment :