Cara Mengubah Tampilan Iklan Kumpul Blogger

Iklan kumpul blogger memang tidak dapat disesuaikan dengan template blog kita, tetapi kita yang harus menyesuaikan. tapi tidak menjadi masalah karena kumpulblogger merupakan salah satu dari ppc lokal favorit saya.

Sehubungan dengan pertanyaan salah satu pengunjung blog belajar seo ini yang menanyakan "Mas mau tanya itu iklan kumpul bloggernya kok bisa dipotong?? posting dong" maka dari itu blog ini membuat blogger tutorial untuk menanggapinya. Ok langsung saja membahas bagaimana cara mengeditnya sulitkah atau begitu mudah?...

Oya...Apabila sobat belum mendaftar di Kumpul Blogger saya mempunyai tutorialnya, silakan buka Cara Mendaftar dan Pasang Iklan Kumpul Blogger

Cara Memasang Iklan Kumpul Blogger Di Bawah Postingan

• Login Ke blogger


• Masuk ke Dasbor, klik Tata Letak


• Pilih Edit HTML


• Pilih atau beri tanda cek pada "Expand Template Widget"


• Cari kode disamping ini: <data:post.body/>


• Letakkan kode berikut dibawah kode  <data:post.body/>

<div style="overflow:hidden;width:430px;height:250px;padding:10px"> kode iklan kumpul blogger di sini </div>

•  Ganti tulisan "kode iklan kumpul blogger di sini" Dengan kode iklan iklan sobat sendiri yang didapat di kumpul Blogger.


• Simpan dan Selesai.....

Cara Menghilangkan Garis Tepi Iklan Kumpul Blogger

• Login Ke blogger


• Masuk ke Dasbor, klik Tata Letak


• Pilih Edit HTML


• Cari kode <b:skin><![CDATA[


• Letakkan kode berikut ini tepat setelah kode diatas:  

.garping,.garpinghor {
border: none !important;
}
.garping table,.garpinghor table {
border:#FFFFFF solid 1px !important;
background-color:#FFFFFF !important;
}
.garping td,.garpinghor td{
color:#000000 !important;
background-color:#FFFFFF !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a,.garpinghor a{
color:#000080 !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a:hover,.garpinghor a:hover{
color:#FF0000 !important;
}

• Sehingga akan menjadi seperti ini:

<b:skin><![CDATA[.garping,.garpinghor {
border: none !important;
}
.garping table,.garpinghor table {
border:#FFFFFF solid 1px !important;
background-color:#FFFFFF !important;
}
.garping td,.garpinghor td{
color:#000000 !important;
background-color:#FFFFFF !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a,.garpinghor a{
color:#000080 !important;
font-family:arial !important;
font-weight: !important;
font-style: !important;
}
.garping a:hover,.garpinghor a:hover{
color:#FF0000 !important;
}/*

• Lalu Simpan dan Selesai.....