6 Cara Membuat Kotak Iklan Banner Ads

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم


Cara membuat kotak iklan banner ads adalah tutorial yang akan saya ketengahkan pada kesempatan kali ini.
Hanya dengan mengikuti beberapa langkah berikut anda sudah dapat membuat kotak iklan banner ads yang rapi diblog anda.

  • Log in ke akun anda
  • Selanjutnya, pada dasbor pilih Template dan jangan lupa ceklist Expand Template Widget,
  • Gunakan ctrl-F untuk mencari kode di bawah ini,
]]></b:skin>
  • Setekah itu, letakan kode css di bawah ini sebelum kode di atas,
#Box-Banner-ads{text-align:center;margin:0;padding:5px}
#Box-Banner-ads img{text-align:center;border:1px solid silver;margin:0 4px 4px 0;padding:3px}
#Box-Banner-ads img:hover{text-align:center;border:1px solid #333;margin:0 4px 4px 0;padding:3px} 
  • Simpan Template.
Langkah Selanjutnya.
  • Pilih Tata Letak » Tambah Widget,
  • Lalu » Pilih HTML/Javascript,
  • Selanjutnya » Masukan masukan (copy paste) kode di bawah ini
<a href="http://www.tipstrikblogging.com/" target="_blank"><img alt="ads" border="0" src="https://sites.google.com/site/tipstrikblogging/bannerku/your-ad-here-13.gif" /></a>
<a href="http://www.tipstrikblogging.com/" target="_blank"><img alt="ads" border="0" src="https://sites.google.com/site/tipstrikblogging/bannerku/your-ad-here-13.gif" /></a>
<a href="http://www.tipstrikblogging.com/" target="_blank"><img alt="ads" border="0" src="https://sites.google.com/site/tipstrikblogging/bannerku/your-ad-here-13.gif" /></a>
<a href="http://www.tipstrikblogging.com/" target="_blank"><img alt="ads" border="0" src="https://sites.google.com/site/tipstrikblogging/bannerku/your-ad-here-13.gif" /></a>
  • Simpan.
Anda perlu mengganti tulisan yang bercetak tebal.
http://tipstrikblogging.com - Ganti dan masukan alamat url yang dituju.
https://sites.google.com/site/tipstrikblogging/bannerku/your-ad-here-13.gif
- Ganti dan masukan alamat URL gambar.

Tampilanya seperti gambar di bawah ini
Kolom Ads
Baner Ads 125x125
Demikian tutorial "Cara Membuat Kotak Iklan (Banner Ads)" yang dapat saya ketengahkan pada kesempatan kali ini. Semoga dapat bermanfaat! Terima kasih.


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

6 komentar :

  1. Terima kasih tutorialnya sangat membantu kami yg newbi.

    BalasHapus
    Balasan
    1. Sama-sama, senang bisa membantu. Thanks apresiasi dan kunjungannya!

      Hapus
  2. wah..
    keren nih infonya, bermanfaat sekali.

    #Salam sukses dari saya

    BalasHapus
    Balasan
    1. Terima kasih ats kunjungan dan apresiasi anda! Semoga sukses pula untuk anda!

      Hapus
  3. tutorial yang sangat membantu untuk nubie kayak ane

    mampir juga
    http://postnusantara.blogspot.com/

    BalasHapus
  4. gmn cara ngubah ukuran kotak 125x125 misal dijadikan 130x130 ?? :-?

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!