Cara Memodifikasi Google Custom Search dengan CSS (Menghilangkan Iklan, Mengubah Radius Border & Menghilangkan Branding Google)

Cara Memodifikasi Google Custom Search dengan CSS (Menghilangkan Iklan, Mengubah Radius Border & Menghilangkan Branding Google)
Leppy Hitam ~ Google Custom Search (sebelumnya dikenal sebagai Google Co-op) adalah platform yang disediakan oleh Google yang memungkinkan pengembang web untuk fitur informasi khusus dalam pencarian web, memperbaiki dan mengkategorikan pertanyaan dan menciptakan mesin pencari disesuaikan, berdasarkan Google Search. Alat ini sering digunakan oleh para blogger, termasuk ane.

Terkadang, ada hal dari Google Custom Search yang tak bisa kita ubah ataupun dimodifikasi, seperti Iklan, radius border, dan branding google (contoh: powered by google custom search). Nah, kali ini ane akan memberikan kode CSS untuk memodifikasinya. Langsung saja simak berikut ini..

Tambahkan kode dibawah, diatas kode ]]></b:skin>

1. CSS untuk Menghilangkan Iklan

.gsc-adBlockVertical, .gsc-adBlock { /* this hides both the top and right ad blocks*/
    display:none;
}
.gsc-thinWrapper { /* this gives you use of the whole block, as opposed to 69% google gives*/
    width: 100%;
}


2. CSS untuk Mengubah Radius Border

.gsc-input-box {
    border-radius: 3px !important;
}

3. Menghilangkan Branding Google


Cara ini adalah cara untuk menghilangkan tulisan "Powered by Google Custom Search".
input.gsc-input {
   font-size: 11px; 
   height: 16px !important;
   background: none !important;
}

Semua CSS diatas telah ane terapkan di blog Jancuk Search

Sekian terima kasih...

4 Responses to "Cara Memodifikasi Google Custom Search dengan CSS (Menghilangkan Iklan, Mengubah Radius Border & Menghilangkan Branding Google)"

Gunakanlah form komentar dengan bijak :)