Trik Memasang Gadget Google Search dan Mengubah Logonya menjadi Logo Milik Anda

Aku kasih kamu trik memasang gadget Google Search di blog atau atau website dan mengganti logo Google dengan logo buatan Anda sendiri. Setiap website atau blog, pasti akan memasang gadget mesin telusur Google Search.
Kita tahu, setiap gadget pencarian Google pasti memuat logo "Google" sebagai pembuat gadget dimaksud. Untuk membuat kesan lebih keren, Anda bisa ganti logo Google dengan logo milik Anda. Caranya, copy-paste kode HTML di bawah ini ke blog (atau juga situs) Anda dengan langkah sebagai berikut:
1. Buatlah logo mesin telusur Anda dengan menggunakan photoshop dengan ukuran 56 x 20 pixel atau 2 x 0,7 cm. Bisa menyerupai logo Google Search tapi mengganti "Google" dengan kata pilihan atau mungkin nama Anda. Simpan logo Anda dengan format .gif  kemudian unggah (upload) gambar tersebut ke blog Anda atau ke situs penyimpan gambar lainnya.
2. Buka akun blog Anda.
3. Pilih dan Klik Dashboard.
4. Pilih blog yang ingin Anda pasangi Google Search lalu klik "Design".
5. Klik Add a Gadget
6. Klik (+) pada HTML/JavaScript
7. Copy paste kode HTML di bawah ini ke area Content
8. Gantilah link gambar default milik Google pada kode HTML yang berwarna merah dengan link gambar yang sudah Anda upload.
8. Klik Save.
9. Atur penempatan posisi gadget di blog Anda. Mau di atas posting, si sisi posting atau di mana, terserah Anda. Tapi saya sarankan untuk dipasang di bagian atas posting.
10. Klik Save. Gadget Google Search milik Anda telah selesai. Silakan klik View Blog untuk melihat hasil pemasangan Google Search Anda.

(Catatan: Tips ini sebenarnya melanggar hak cipta Google. Agar Logo Hak cipta Google tetap ada, Anda juga bisa menyisipkan logo Anda sesudah link warna merah pada kode HTML di bawah ini. Atau juga Anda buat logo sendiri dengan tetap mempertahankan logo Google. Namun ukuran logo harus dibuat lebih panjang dari ukuran di atas agar bisa memuat logo Anda dan logo Google.

KODE  HTML

<style type="text/css">
@import url(http://www.google.com/cse/api/branding.css);
</style>
<div class="cse-branding-right" style="background-color:#FFFFFF;color:#000000">
  <div class="cse-branding-form">
    <form action="http://mysearcherall.blogspot.com" id="cse-search-box">
      <div>
        <input type="hidden" name="cx" value="partner-pub-5355752799690390:6489360906" />
        <input type="hidden" name="cof" value="FORID:10" />
        <input type="hidden" name="ie" value="UTF-8" />
        <input type="text" name="q" size="55" />
        <input type="submit" name="sa" value="Search" />
      </div>
    </form>
  </div>
  <div class="cse-branding-logo">
    <img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
  </div>
  <div class="cse-branding-text">
    Custom Search
  </div>
</div>

Newer Post Older Post

Leave a Reply

My Blog List