Cara Membuat Kotak Iklan di Blog

Cara Membuat Kotak Iklan di Blog - Melanjutkan tutorial sebelumnya membuat banner animasi dan flash serta memasang iklan di kanan dan kiri blog, pada kesempatan ini saya akan membahas mengenai tutorial membuat kotak iklan di blog yang berukuran 125x125 px. Mungkin Anda sudah mengetahui bahwa kegiatan menulis artikel di blog (blogging) kini tidak lagi hanya sekedar pelepas hobi atau mengisi kekosongan waktu. Membuat blog dan memanagenya dengan baik dan benar juga dapat menghasilkan materi berupa uang yang sebagian besar para blogger menjadikannya sebagai salah satu mata pencaharian (baca: cara mendapatkan uang dari blog).

Menampilkan atau membuat space iklan berupa banner di website / blog biasanya dijadikan peluang bisnis tersendiri oleh blog atau website yang memiliki pengunjung yang banyak dan memiliki kepopuleran di search engine (baca cara meningkatkan pengunjung blog). Namun tidak tertutup kemungkinan blog Anda yang masih baru dapat tawaran oleh pihak advertise untuk memasang iklan mereka ke dalam blog yang Anda miliki. Jika Anda tertarik untuk menyediakan atau membuat kotak iklan di blog, ikuti tutorial blogger yang akan saya jelaskan berikut ini. Klik disini jika ingin pasang iklan murah di super blog pedia

Membuat Kotak Iklan di Blog


Perlu saya sampaikan sebelum Anda membuat kotak iklan de blog adalah hal yang perlu diperhatikan dalam menampilkan space baner iklan adalah letak serta susunannya agar semakin menarik minat orang banyak. Jadi tidak asal pasang gambar yang akhirnya iklan yang ditampilkan menjadi kurang menarik karena berantakan.

1. Silahkan login ke ID/akun blogger Anda
2. Pada menu dropdown klik "template" lalu klik "Edit HTML"

membuat kotak iklan

3.Kemudian cari kode ]]></b:skin> (gunakan ctrl+f atau F3 untuk mempermudah pencarian kode). Setelah dapat, masukkan kode berikut ini tepat diatasnya.

 /** Kotak Iklan **/
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan  img:hover {border: 1px solid #333}

4. Selanjutnya save/simpan template
5. Kemudian lihat menu disebelah kiri layar lalu klik Tata Letak > Tambah Gadget >  Pilih HTML/JavaScript
6. Langkah berikutnya silahkan masukkan kode berikut ini ke dalam form yang disediakan.

<div class="kotak_iklan">
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
<a href="url iklan yang dituju" title="judul iklan"><img border="0" src="Url gambar/banner" alt="alt/text gambar" width="125" height="125" /></a>
</div>

Perhatikan kata yang saya beri warna pada kode iklan diatas, rubah sesuai urutannya dan begitupula dengan kode yang dibawahnya.

7. Jika sudah selesai, silahkan simpan/save dan lihat hasilnya

Saya rasa tidak sulit untuk membuat kotak iklan di blog, hanya perlu menambahkan beberapa kode kedalam template blog. Untuk itu saya akhiri saja tutorial cara membuat kotak iklan di blog ini semoga bermanfaat. Pastikan Anda terus mengunjungi super blog pedia untuk mendapatkan panduan blogger terbaru. Jika Anda tidak ingin ketinggalan update artikel yang akan saya posting pada kesempatan berikutnya, silahkan berlangganan artikel via email gratis dan me-like fanspage facebook super blog pedia untuk mengetahui update artikel melalu facebbook.
Dapatkan update artikel tutorial blogger terbaru dan informasi lowongan kerja terbaru serta Ebook Gratis dari Super Blog Pedia yang akan dikirim langsung ke Email kamu.
Share Article :

75 komentar :

  1. thanks tutorialnya gan :)..
    mampir balik ya ;)

    BalasHapus
  2. thanks sob atas turotorialnya , lumayan buat panduan ane biar blog ane selesai

    BalasHapus
  3. Gimana gan cara membuat kotak iklannya di tampilan edit HTML yang baru ??
    Susah banget mencari kode-kode nya.

    Kalo udah tau, kasih tau ya gan, ane pengen buat kotak iklan di blog biar ada penghasilan.

    Beri tau dengan kunjungan balik ya gan ke blog saya

    terima kasih

    BalasHapus
  4. bagus juga caranya,. boleh nih di coba.

    BalasHapus
  5. Thanks gan berhasil. Visit balik ya..

    BalasHapus
  6. makasih ne gan infonya, dicoba dulu di http://thephatar.blogspot.com

    BalasHapus
  7. Infonya bermanfaat bro.
    kunjung balik.
    http://www.barong1106.blogspot.com

    BalasHapus
  8. Pengen tuh;kasih tau dong gan detailnya,,

    BalasHapus
  9. Thanks ilmunya. Kunjung balik ya

    BalasHapus
  10. oke makasih atas info nya gan, ntar ane coba deh trik nya.

    BalasHapus
  11. Makasih infonya mas bro.. :)

    BalasHapus
  12. Makasih gan.....

    Visit balik yaaa http://matt-hiday.blogspot.com/

    BalasHapus
  13. ini yang saya cari,,,terimakasih mas infonya.

    BalasHapus
  14. thx gan infonya bermanfaat ..

    tolong mmpir dong gan , ane minta kritik & saran nya hhe
    http://stevenpangestu71.blogspot.com/

    BalasHapus
  15. bermanfaat gan , kunjungi juga watchyoulearn.blogspot.com :D

    BalasHapus
  16. Terima kasih banyak om..
    nice info

    BalasHapus
  17. URL yang dituju kok malah jadi blog sya sih ?

    mohon bimbingannya

    BalasHapus
  18. urutannya kode iklan yg berwarna yang benernya kayak gimana gan?

    BalasHapus
  19. terimaksihgan,
    mkin smngat lg ngurus blog,,

    BalasHapus
  20. Ini yang saya cari dari sekian lama :D
    Kunjung balik yah

    Upi48.blogspot.com (GTA,PlantVSZombie,Game dll)

    BalasHapus
  21. Thanks Informasinya

    Mampir balik yo http://juankairwebster.blogspot.com/

    BalasHapus
  22. mantap gan,,ikut baca n copas,,
    kunjungannya d tunggu
    http://keperawatanprofesionalislami.blogspot.com/

    BalasHapus
  23. thanks ya brow infonya... kapan2 mampir dong biar kalo ada yang kurang bisa lengkepi gtu..

    BalasHapus
  24. thanks sob visit blog ane ya

    http://gameane.blogspot.com/

    BalasHapus
  25. mampir ya gan http://almerrizal.blogspot.com :)

    BalasHapus
  26. makash gan tut.nya :-)
    .
    kunbal >> http://lensaglobe.blogspot.ocm

    BalasHapus
  27. terimakasih yaaa berguna bnget buat gue (y)
    oohh yaaa kunjungi juga blog gue :D

    http://barubelajar8.blogspot.com/
    klo jelek maklum baruBelajar jdi (pemula) :D

    BalasHapus
  28. maap masih bingung yang alt/gambar

    BalasHapus
  29. masih agak bingung :/
    cyberblogsite.blogspot.com

    BalasHapus
  30. Terima kasih pak atas perkongsian ilmunya

    BalasHapus
  31. thx gan infonya bermanfaat ..

    tolong mampir dong gan
    http://hacker-siantar.blogspot.com

    BalasHapus
  32. mudah banget ternyata gan
    mampir ke http://awidjaja.blogspot.com/
    terima kasih

    BalasHapus
  33. thanks tipsnya bro. baru berhasil kali ini. mampir juga ya http://breakthrough4all.blogspot.com

    BalasHapus
  34. terimakasih gan..
    bermanfaat banget buat ane yang masih newbi

    BalasHapus
  35. Thanks ya gan..ane mao coba masang iklan nih :D
    http://androiters.blogspot.com/?m=1

    BalasHapus
  36. caranya iklan youtube gimana y gan .

    BalasHapus
  37. thank you, gan wat tutorialnya. salam blogger.

    BalasHapus
  38. mantap... ini yang saya cari, cara membuat kotak iklan,....

    BalasHapus
  39. thank tutornya gan,,


    ada info dikit nih, kunbal ya gan

    BalasHapus
  40. thanx bgd gan infonya buat pemua sperti saya....jgn lupa mampir ya http://fiorentina999.blogspot.com/

    BalasHapus
  41. terima kasih gan , atas kunjungannya gan .

    BalasHapus
  42. Thanks gan infonnya, kunjungi balik
    http://hycallmihawk.blogspot.com

    BalasHapus
  43. thanks for sharring..

    BalasHapus
  44. salam sukses para master bolg smua,,,
    disini ada slot kosong untuk pasang iklan tidak ya?
    kami berminat pasang iklan di blog sahabat dg ukuran 300x250.
    Atau mungkin ada sahabat blogger yang terima pasang iklan dengan harga miring bisa kirim email ke:
    support@e-compusoft.co.id
    Terima Kasih...

    BalasHapus
  45. gan kok gak ada sih code ]]> ini.

    BalasHapus
  46. gan kunjungin kami juga ya http://mycheat21.blogspot.com/
    web blogterpercaya

    BalasHapus
  47. thanks gan ane lagi belajar ngeblog nih, bermanfaat banget

    BalasHapus
  48. aku nyari ini ]]> lewat F3 kok not found ya T.T . ada yang bisa bantu saya?

    sheilandak.blogspot.com

    BalasHapus
  49. wah keren gan mau dicoba ahh hehe

    BalasHapus
  50. Makasih gan. bermanfaat buat seorang pemula macam saya :D

    BalasHapus
  51. wah keren artikelnya gan
    Bemanfaat banget..
    Di tunggu artikel selanjutnya..

    BalasHapus
  52. makasih gan,,
    berguna banget artikel seperti ini

    BalasHapus
  53. bisa gak bikin klom iklannya melayang disamping kiri dan kana ??

    mau ane taro disini http://materiperbankansyariah.blogspot.com/

    BalasHapus
  54. makasih gan info sangat bermanfaat :)
    ijin share ya gan :)

    BalasHapus
  55. makasih artikelnya bermanfaat, saya akan coba di blog saya perawatanwajah.co.id

    BalasHapus
  56. akhirnya berhasil buat iklannya, makasih panduannya mas

    BalasHapus
  57. terima kasih ya,kunjungi blog saya semuatentanggta.blogspot.com

    BalasHapus
  58. Makasih petunjuknya gan,,, saya akan coba intruksinya....

    BalasHapus
  59. thank's gan,,,,, ilmunya sangat bermanfaat,,,

    BalasHapus


Peringatan penting sebelum berkomentar:

- Komentar yang mengarah ketindakan spam dan tidak berkaitan dengan isi artikel terkait, tidak akan dipublikasikan.
- Tidak semua pertanyaan melalui form komentar di jawab oleh admin.
- Bagi advertiser yang ingin memasang banner iklan produknya di super blog pedia, silahkan baca syarat dan ketentuannya di pasang iklan murah.

Terimakasih telah berkunjung ke Super Blog Pedia, semoga artikel dan informasi yang kami sajikan bermanfaat bagi Anda.