Cara Membuat Widget Kotak Iklan - Hallo sahabat Didhiksty Blog, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Widget Kotak Iklan, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel lastes, Artikel Tutorial Blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Widget Kotak Iklan
link : Cara Membuat Widget Kotak Iklan

Cara Membuat Widget Kotak Iklan

Tutorial untuk Cara Membuat Kotak Iklan (Banner Box) sebenarnya sudah perna di ulas di blognya O-OM, Namun karena saya barusan saja memasang widget kotak iklan di blog Teknologi Programing ini yah jadinya tidak ada salahnya saya menulisnya dalam bentuk artikel, itung-itung untuk save tutorial biar tidak lupa nantinya, tidak menutup kemungkin kedepan kalau buat blog baru dan ingin pasang widget kotak iklan bisa buka-buka lagi deh nih tutorial.

Untuk contoh Kotak Iklan bisa lihat pada blog ini sendiri yang widgetnya saya beri nama dengan Sponsor Komputer Teknologi, biasalah persiapan untuk pasang banner dengan ukuran 125 x 125, yah dari pada lama-lama ceritanya entar pada kabur semua jadi langsung saja yah!

Cara Membuat Widget Kotak Iklan (Banner 125 x 125)

1. Masuk pada halaman Edit HTML di blogger sobat, lalu cari kode <b:skin><![CDATA[ dan letakkan kode CSS berikut tepat di bawah kode <b:skin><![CDATA[
#Box-Banner-ads { margin: 0px; padding: 5px; text-align: center; } #Box-Banner-ads img { margin: 0px 4px 4px 0px; padding: 3px; text-align: center; border: 1px solid #c0c0c0; } #Box-Banner-ads img:hover { margin: 0px 4px 4px 0px; padding: 3px; text-align: center; border: 1px solid #333; }
2. Kalau sudah, jangan lupa untuk di Save,
3. Selanjutnya tuju Elemen Halaman dan Tambah Gadget lalu pilih HTML/Javascript dan masukkan kode berikut
<div id="Box-Banner-ads"> <a target="_blank" href="http://blogspot.com"><img border="0" alt="ads" src="http://.gif"/></a> <a target="_blank" href="http://blogspot.com"><img border="0" alt="ads" src="http://.gif"/></a> <a target="_blank" href="http://blogspot.com"><img border="0" alt="ads" src="http://.gif"/></a> <a target="_blank" href="http://blogspot.com"><img border="0" alt="ads" src="http://.gif"/></a> </div>

Skrip diatas adalah contoh yang menampilkan empat jumlah banner iklan, jika ingin menampilkan banner lebih dari empat sobat sisa menambahkan kode tersebut

<a target="_blank" href="http://blogspot.com"><img
border="0" alt="ads" src="http://.gif"/></a>

Untuk kode yang berwarna merah sobat ganti sesuai dengan alamat url iklan banner yang sobat pasang dan untuk yang berwarna biru adalah url gambar iklan,

Selamat mencoba, dan semoga berhasil.

Demikianlah Artikel Cara Membuat Widget Kotak Iklan

Sekianlah artikel Cara Membuat Widget Kotak Iklan kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Widget Kotak Iklan dengan alamat link https://didhiksty.blogspot.com/2015/10/cara-membuat-widget-kotak-iklan.html