Wednesday, May 26, 2010

Cara Mengubah Tampilan iklan kumpulblogger

Aduuh bingung juga ya ama iklan kumpulblogger,tidak dapat disesuaikan dengan template blog kita,lihatlah template blogku ini yang serba gelap,sedangkan script dari iklan kumpul blogger hanya menampilkan putih saja dan gak ada menu untuk mengubahnya sesuai dengan template kita,tapi jangan takut deh...mungkin dengan tutorial yang satu ini kalian bisa tersenyum kembali,cos tampilan iklan kumpul blogger akan bisa kamu sesuaikan dengan template blog kamu.ni jalan alternatif juga agar blog kamu tetep terlihat bagus,ha ha ha.....
Caranya mudah kok,lihat langkah2 dibawah ini:
  • Login Ke blogger
  • Masuk ke Dasbor,
  • klik Tata Letak.
  • klik Edit HTML.
  • Pilih atau beri tanda cek pada "Expand Template Widget" download dulu template kamu untuk keamanan.
  • Cari kode <b:skin><![CDATA[
  • Kalo sudah ketemu letakkan kode dibawah ini tepat setelah kode <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;
    }
  • Sehingga akan menjadi seperti dibawah 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;
    }
  • Simpan template.
  • Untuk meletakkan iklanya terserah kamu, bisa di sidebar seperti saya misalnya,tapi kamu letakkan script seperti berikut dibawah ini:

    <div style="overflow:hidden;width:430px;height:250px;padding:10px"> kode iklan kumpul blogger di sini </div>
  • Dan untuk ukuran kamu bisa ganti yang berwarna merah itu sesuai ukuran yang kamu kehendaki.ok,semoga bermanfaat!



BACA JUGA!
- Cara membuat label menjadi berwarna
- Membuat widget hanya muncul pada postingan
- Cara membuat daftar isi otomatis pada blogger
- Membuat Menu Horisontal pada blogger
- Membuat Breadcrumb Navigation pada blogger
- Cara membuat widget hanya tampil di homepage
- bertukar link dengan adil
- Membuat 3 kolom element dibawah header
- Membuat dua element dibawah header
- Cara menghapus komentar blog
- Cara membuat navbar auto hidden
- Membuat search engin pada navbar blog
- Cara membuat kotak banner
- Cara Memasang search engin pada blog
- Membuat background pada relate post/artikel terkait
- Cara membuat text area dengan background warna dan gambar
- Membuat footer tiga kolom di bawah posting
- Cara memasang sitemeter pada blog
- Memasang tombol share twitter dan facebook pada setiap postingan
- Meta tag title blog yang ramah SEO
- Membuat efek turun salju pada blog
- Menambah elemen dibawah postingan

No comments:

Post a Comment

 

Sponsor