Merubah Tampilan Iklan KumpulBlogger

Kumpulblogger ...? ya, kumpulblogger merupakan kata yang sudah tak asing lagi kita dengar didunia gaib ini. lalu apa itu kumpulblogger...?
Kumpulblogger merupakan salah satu provider iklan PPC lokal yang sangat memudahkan kita untuk mendapatkan penghasilan sampingan. Selain sangat mudah dalam proses pendaftarannya, juga mudah dengan syarat-syaratnya. Berikut contoh iklan dari kumpulblogger.

== Iklan text




== Iklan banner



Bagi kalian yang belum tau dan belum mendaftar di kumpulblogger, kalian bisa langsung berkunjung ke situsnya atau dengan mengklik link ini. Namun bagi kalian yang sudah mendaftar dan memasang iklan, pasti kalian akan merasa sedikit janggal dengan tampilan iklan dari kumpulblogger yang tidak ada fasilitas pengaturan warna, baik dari warna garis(border) ataupun warna tulisan dan backgroundnya.

Nah tips yang akan saya berikan kali ini adalah memoles sedikit tampilan iklan dari kumpul blogger ini. Memangnya bisa...? pasti bisa.
cara yang akan kita gunakan sangat simple, yaitu kita tinggal menambahkan beberapa kode CSS. Adapun kodenya sebagai berikut :

.garpinghortitle {
border:0px solid #000000 !important;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif !important;
font-size:8pt;
overflow:hidden;
}

.garpinghortitle a {
color:#444444 !important;
}

kode css diatas sebenarnya hanya mengganti kode asli dari kumpulblogger, untuk lebih jelas tentang kode CSS diatas, saya akan menjelaskannya dibawah ini.

** Untuk menghilangkan garis tepi (border) atau merubah ketebalannya

border:0px solid #000000  !important;

** Untuk merubah jenis huruf serta ukurannya

font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif !important;
font-size:8pt;

** Untuk merubah warna tulisannya

.garpinghortitle a {
color:#444444 !important;
}

kode #444444 bisa kalian ganti dengan warna yang kalian kehendaki, untuk kode warnanya bisa kalian lihat DISINI.

== CARA PEMASANGAN PADA TEMPLATE

Setelah saya jelaskan kode CSS yang dipakai, sekarang kita lanjutkan ke tahap pemasangan pada template kita. Seperti biasa kalian login dulu ke blogger kalian, kemudian ikuti tahap selanjutnya dibawah ini:

1. Masuk ke Rancangan
2. EDIT HTML (centang expand template widget)
3. Simpan Css diatas tepat sebelum kode ]]></b:skin> sehingga hasilnya seperti ini :

.garpinghortitle {
border:0px solid #000000 !important;
font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif !important;
font-size:8pt;
overflow:hidden;
}

.garpinghortitle a {
color:#444444 !important;
}
]]></b:skin>

4. SIMPAN template kalian, dan lihat sekarang hasilnya.

Silahkan dicoba dan semoga trik ini bermanfaat bagi kalian. terima kasih.