11 December 2008

Membuat Kotak Iklan di Blogspot

Sebenarnya tulisan atau pun tutorial tentang membuat kotak iklan di blogspot sudah banyak yang membahasnya, namun tidak ada salahnya jika saya mencoba untuk membahas tentang membuat kotak iklan, demi untuk memenuhi permintaan teman saya Aril saya luangkan sedikit waktu untuk menuliskan artikel ini. Gambar di atas merupakan contoh kotak iklan yang ada pada blog saya, anda dapat membuat kotak iklan yang lebih baik dari itu... dengan menggunakan software-fortware editing gambar seperti Adobe Photoshop dan yang sejenis lainnya. Jadi terlalu lama yah... Kita langsung aja ke cara membuat kotak iklan. Pertamax2, masuk ke blogger sobat, lalu pilih pada bagian Edit HTML, setelah itu cari kode ini <b:skin><![CDATA[, dan masukkan kode di bawah ini setelah kode tadi.
#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; }
Apabila sudah, lalu SAVE kerjaan sobat tadi. Kemudian Pilih Page Element, dan buat Elemen Halaman Baru dan masukkan kode di bawah ini.
<div id="Box-Banner-ads"> <a target="_blank" href="http:alamatblogkamu.com"><img border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a> <a target="_blank" href="http:alamatblogkamu.com"><img border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a> <a target="_blank" href="http:alamatblogkamu.com"><img border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a> <a target="_blank" href="http:alamatblogkamu.com"><img border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a> <a target="_blank" href="http:alamatblogkamu.com"><img border="0" alt="ads" src="alamatservergambarkamu.jpg"/></a> </div>
Ganti tulisan warna merah dengan punya sobat. Dan SIMPAN kerjaan tadi Selamat mencoba... And Good Luck.

11 Komentar

Saya fans di blog favorit ini, bos saya mau nanya
alamatservergambarkamu.jpg itu cara tau-nya gmn?
sebab saya adalah seorang pemula. trims

tolong dibahas cara membuat teks berjalan, sepeerti yang ada di Blog ini, makasih

@Desta Promesetiyo Bomo: Untuk mengetahui alamatservergambarkamu.jpg itu tempat desta menyimpan gambar tersebut secara online, seperti di google pages, photobuckets dan atau tempat lain yang menyediakan jasa penyimpanan gambar secara gratis.

@Didik Yusuf: Maksud anda yang mana? Apakah text berjalan pada bagian pengumuman atau pada bagian bawah monitor anda yang berwarna biru yang bertuliskan berita tersebut? Nanti akan saya bahas artikelnya

Makasih banget cuy..berkat tutor ini baru bisa buat iklan di blog nig...dulu-dulu cuma pasang JPG sembarangan gitu..hehehe..

Maap niy, saya mo tanya, saya kan pemula, saya pengen ada iklan d blog saya, tp saya masih tahap Blajar. saya makenya Templet, jd ga da Page Elementnya...jd gmn donk??

Blog saya sepi sekali lho...(huhuhuhu...)

makasih sebelumnya,,

makasih om
tapi ini g ngahasilin duit ya om

hy say lagi ngapaian???????

Bos.. saya coba ya...!

Saya undang bos mengunjungi blog saya. ok...

duh, liat kodenya kok gw jadi mumet yah :(, anyway nice share juragan :D

kalao pake cara ini ada yang masang iklan ga ya?? hehehe

Ini nih baru mantaaaaaaap :D, Thanks Sobat trik hebat :D, tapi kalau untuk wordpress bisa ngak ya, tolong dikasih tahu ya sobat :D

salam,
www.rachmattullah.com

Back To Top