Tuesday, July 2, 2013

Cara Membuat Kotak Iklan 125x125 4 Kolom Keren Di Blog

Karena ada teman saya yang bertanya, sob bagaimana si bikin kotak iklan 4 kolom keren seperti blog ente...?? Terus saya menjawab, nanti saja sob ane share di blog. Nah pada kesempatan kali ini saya akan berbagi bagaimana cara membuat kotak iklan 125x125 4 kolom keren di blog untuk teman saya yang bertanya kemarin malam dan untuk semua sobat R-C Blog'S.
Berikut Cara Membuat Kotak Iklan 125x125 4 Kolom Keren Di Blog:
1.  Login ke Blogger
2.  Pilih Template >> Edit HTML
3. Cari kode ]]></b:skin>, copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin>.
/* Kotak Iklan 125x125
===================== */
#kotak-iklan-125x125 {
margin: 0px;
padding: 5px;
text-align: center; }
#kotak-iklan-125x125 img {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px dotted #ff0000;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:10px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#kotak-iklan-125x125 img:hover {
margin: 3px 3px 6px 6px;
padding: 3px;
text-align: center;
border: 3px solid #ff0000;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:10px;
}
5.  Simpan Template

Keterangan:
  • Kode diatas adalah kode css untu mempercantik atau memperkeren tampilan kotak iklan.
Setelah memasang kode css kedalam template, sekarang tinggal pasang kode kotak iklannya di bawah ini.
1.  Pilih Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
2.  Copy kode di bawah ini dan letakkan ke kolom HTML/JavaScript 
<center><div id="kotak-iklan-125x125">
<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
<a target="_blank" href="Link Iklan Sobat"><img alt="banner ads" src="Gambar Iklan Sobat" border="0"/></a>
</div></center>
3.  Simpan 

Keterangan:
  • Kode yang berwarna Biru ganti dengan Link/URL Iklan sobat.
  • Kode yang berwarna Merah ganti dengan Link/URL Gambar Iklan Sobat.


12 comments:

  1. thanks infonya gan,, nanti kapan-kapan bisa dicoba

    ReplyDelete
  2. itu link iklan yang kayak apa ya ? Mohon penjelasannya

    ReplyDelete
  3. Terimasi infonya...belum pernah saya melihat posting sebagus ini



    Apakah anda sudah bosan dengan bisnis online yang bermunculan di mana mana ..yang menjanjikan anda sukses namun itu hanya angan angan semata....rayuan mereka bak laksana memberi emas yang besar dimata anda....namun SEMUA NYA BERAKHIR dengan SAKIT HATI yang anda rasakan...

    STOP BISNIS ONLINE Yang TIDAK ada Hasilnya
    Sekali Lagi saya Bilang STOP!!!! itu hanya akan Merugikaan Anda Dan Waktu Anda....
    TIDAK akan Ada Hasil Dari Semua Bisnis Online Yang Anda Ikuti sekarang...


    Ikutilah Bisnis Online Terpercaya Yang Benar Benar Menghasilakan Untuk Anda DAN akan Menjamin Kesuksesan Anda...
    Dengan 5 Konsep Utama

    BEKERJA
    SERIUS
    SABAR
    TEKUN
    DAN FOKOS

    5 Panca sebuah harga yang telah muncul sebagai sebuah Kunci Meraih kesuksesan Anda ....
    BISNIS ANTI GAGAL DEngan SEBuah Konsep Yang LUar Biasa
    PERtama DI dunia .....
    Sistem AFFILIasi DI gabung Kan dengan MARketing Online

    yang Di Pandu Langsung Oleh Marketing Kliber Dunia Asal Indonesia
    Bisnis Yang Akan Menjanjikan Masa Depan Anda...

    Dengan Satu Langkah Pilihan
    Untuk Mewujudkan Semua Mimpi anda Yang Dulunya Padam ..Akan Bercahaya Laksana Matahari Yang Menyinari Siang..

    Ratusan Orang Indonesia Telah Berterimakasi Untuk NYa...
    Gilaran Anda Membuktikan Dan Menyusul Mereka

    APA ANDA SUDAH SIAP MEWUJUDKAN MIMPI ANDA???

    silahkan Kunjungi Situsnya

    http://goo.gl/Oo1bL

    ReplyDelete
  4. mantab gan artikelnya sangat membantu ane
    salam kenal dari : http://www.obatkuat-kamasutra.com/
    mohon kunjungan baliknya,,

    ReplyDelete
  5. Mantep gan...

    komen back gan http://dizexx.blogspot.com/

    terimakasih

    ReplyDelete
  6. Tutorial yang menarik gan, pas ada waktu nanti, akan saya coba... Salam blogger tetap smangat.. Ea kenalin blog ane (coretanyusuf.blogspot.com)

    ReplyDelete
  7. THANKS BRO,ini yang saya cari2 dari dulu :).

    ReplyDelete