AABI‍TALITA BLOG
9.25.2013

Cara Membuat Kotak Iklan 125x125

Kali ini saya coba share cara membuat kotak iklan 125 x 125,sebenarnya tutorial seperti ini sudah banyak sekali dan mudah kita temukan namun untuk melengkapi tutorial diblog ini kembali saya share buat sobat semua,untuk kotak iklan seperti ini biasanya ditempatkan pada bagian sidebar mengingat ukurannya yang kurang lebih pas dengan lebar sidebar pada sebuah blog.seperti apa bentuk iklan 125 x 125 yang saya maksud,sobat bisa lihat screenshotnya dibawah ini atau pada sidebar blog ini :

iklan 125 x 125

Nah buat sobat yang mau mencoba berikut  langkah langkahnya :

1. Masuk ke Blogger.com Template >> Pilih Edit HTML + Lanjutkan

2. Kemudian cari  kode ]]></b:skin> dan letakkan kode berikut diatas kode ]]></b:skin>

.kotakiklan {background:#fff;padding: 5px 5px 5px 5px;text-align: center;}
.kotakiklan  img {background:#fff;width:125px;height:125px;margin: 3px 3px 3px 3px;padding:5px 5px 5px 5px;text-align: center;border: 1px solid #ddd;}
.kotakiklan  img:hover {border:1px solid #980000;}

3. Selanjutnya masukan kode HTML di bawah ini dalam Gadget HTML/JavaScript.

<div class="kotakiklan">
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
<a href="LINK SOBAT" target="_blank" title="TITLE IKLAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigoOD7EuTbnhG_tZZjYtL_THGUyn4JRVakzfNQeflrsUEIB_7eNtG2rlbYCjekor2XLdGJK435ZFPbT7qio1jmDM9oOPmHq9k22ypixMSKnP09r438zGeg-sy4m2TuFg0rQcg-vSbJs-7P/s1600/125_1.png" alt="ad size"/></a>
</div>

Kode yang berwarna biru adalah link dan Judul Iklan dan yang berwarna merah adalah gambar iklannya,silahkan sobat sesuaikan dengan iklan sobat.

4. Terakhir klik Simpan dan lihat hasilnya.Demikian cara membuat Kotak iklan 125 x 125 diblog semoga bermanfaat.

89 komentar

Ini berguna banget mas buat monetize blog... :D

tambah keren yah kalo pake CSS :)

cukup menarik iklan banner nya mas. Jadi satu widget bisa dipasang 4 iklan sekaligus, sehingga bisa menghemat space di blog kita.

itu kode iklannya nofollow atau dofollow mas? misal itu dofollow, bagaimana caranya untuk mengubah menjadi nofollow?

soalnya kawatir juga kalau pasang iklan yang dofollow. takut blog kita di banned google hehehe :D

ternyata mudah bikinnya ya kang, saya bungkus dulu kang buat nanti kalo memerlukan

Wah CTRL+D kalau udah sukses blog sayanya hehe

terimakasih, semoga nanti blogku ada yang mau pasang iklan.

aku suka dengan blog ini, dilihat dengan hape penampilan templatenya tetap sempurna.

tentu saja mba Eka, mau 6 juga boleh kotaknya :D

belom tertarik dunia periklanan, blog buat enjoy2an tapi sapa tau kepepet bisa dicoba hehehe

Kan motivasi ngeblog setiap orang kan berbeda-beda mbak. Ada yang hanya fun, ada yang cari temen, ada juga yang cari uang hehe :D Itulah indah nya ngeblog. dari perbedaan menjadi indah. :)

Pak Aulia, gimana sih caranya agar ada advertiser yang bersedia pasang iklan di blog kita? Minimal jumlah pageview per hari berapa? Alexa rank berapa? dan pagerank berapa? hehe Maaf ya pak kalau saya crewet, soalnya pengen belajar hehe :)

@kang adhy:lumayan kang uat ngumpulin receh buat bli pulsa modem :D @DB:kata org sih sekarang jamannya responsive kang jadi ikutan juga saya pake template responsive :)

keren kaya yang komen nih :D

sip kang muroi..jangan lama lama bungkusnya nanti basi :D

semoga banyak yang mau pasang mas..blognya sudah keren tu :)

mbak uswah sih ga akan kepepet kayanya :D

ia mbak wahyu makin banyak perbedaan makin asik jadinya ngblog...

wah saya kurang faham mbak,tapi biasanya kalo blog kita sudah populer sih akan mengalir dengan sedirinya (kaya air aja).hehe..iklan di sidebar saya itu juga titipan kawan lumayan lah buat beli pulsa modem :D

kunjungan perdana nih sob, sementara nyimak dulu

ijin follow sob
ditunggu follbacknya

ilmunya berguna mas, saya sendiri punya keinginan untuk memasang iklan pihak ketiga (kata google) buat tambahan jajan di dalam kereta.
cukup mudah dan jelas penjelasannya mas,

Owh begitu ya pak. Jadi mungkin harus fokus dulu kali ya pada pengelolaan blog. Nanti kalau sudah 1 tahun dan blog sudah populer, baru pasang lapak iklan. Thanks ya pak atas pencerahannya :)

asyik nich tipsnya....layak dipelajari...terimakasih sobat sudah berkenan berbagi ilmu...salam :-)

sangat berguna ini mas, ijin simpan tutor mas, syapa tau membutuhkan di lain hari

Salam kenal N Followers

malem kang,maap baru sempet mampir nih?
pertanyaanku kang,sapa yg mau pasang iklan di bloglku coba ?
#hehehehe

izin nyoba....d tunggu kunjunganny



http://jagadkawula.blogspot.com/

salam persahabatan, sukses selalu untuk anda :)

klo saya pake table aja kang.. ngarang senditri ... tapi kerenan cara ini kang

Wah, pas nih buat gue yg lagi latihan pasang iklan! Gue catet dulu ea ... ;-)

kotak iklan tentu sangat dibutuhkan bagi pengiklan yang mempnyai produk unggulan dan laku keras dagang via dunia maya ini....tapi saya sebagai pedagang ubi cilembu belom mampu pasang iklan euy...tapi kotak komentarnya seh cara buatnya kudu bisa...tak simpen dulu ilmunya ya kang.

saya mau pasang mas, bayarnya pake budin ya

mbak uswah klo kepepet jualan kopi

beda nya masukin kode diatas skin,, sama langsung masang kode di widget apa mas/ apa kurng sempuerna apa gmn?

siapa yang komen sob hehehe :D

Para blogger harusnya masang ini semua. hehe. thanks mas

wah terima kasih mas...mungkin nanti kapan2 saya praktekkan :)

ijin untuk bookmark, lain waktu pasti akan dterapkan dalam blog aku.

siiiippppp ;)
http://moeclazh.blogspot.com/

ternyata cukup simpel ya mas...terima kasih tutorialnya mungkin nanti kapan2 saya praktekkan mas...

saya follow blognya ya mas :)

terimakasih atas tutornya mas.. kapan kapan akan saya praktekkan.. untuk sekarang belum bisa mas.. lawong blog saya sepi alias nggak ada pengunjungnya.. jadi mana ada yang mau pasang iklan di blog saya hehehehe...

wah asik nih, kalo trafik blog kita udah gede, alexa rank bagus, bisa dimonetisasi lewat direct advertising. bikin ruang iklan sendiri terus dapet uang perbulan deh. hehe :)

berkunjung lagi demi silaturahmi

boleh nanya gak mas. ini template blog nya download dimana???

tempalte ini milik mas santank/MKR site mbak bisa ke sini kalo mau pake http://mkr-site.blogspot.com/2013/01/jpstation-responsive-blogger-template.html

terima kasih kang sdh sempat mampir lagi,cuma saya yang sekarang jarang bw dan update blog karena bulan2 ini banyak kegiatan offline yang cukup menyita waktu..buat rekan rekan yang sudah berkunjung dan blm sempat saya kunjungi balik,saya mohon maaf.juga buat komentar yang belum sempat saya balas tentunya..

wah kebetulan blog saya juga belum menyediakan space iklan mas.. bisa di praktekin nih tutornya.. tapi nanti deh kalau blognya udah langsing alexanya hehehehe

Semoga kegiatan di dunai nyata semakin sukses

sip mas nady,alexanya dikerik aja biar langsing :D

makasih do'anya kang....

pas banget ini, ketemu disini tutorialnya, salam kenal mas aulia

salam kenal juga mas wahyu..makasih ya sudah mampir..

izin nyimak dan izin save artikelnya gan
makasih

andreeodong.blogspot.com

silahkan jenx indah..makasih sudah mampir ya

gan kok tampilannya berantakan

numpang tenar ea gan http://driver-aceh.blogspot.com/

izin praktek gan... makasi

kang ak dah nyoba copas template tp ko ga ad kotak buat pasang iklanya ya
pemula kang mohon bantu masih kurang paham hehehe

kode css nya salah penempatan mas...dipasangnya di bawah kode ]]></b:skin> atau <style type='text/css'>

langsung TKP bro ... trims

Mantap ...
http://cancummeng.blogspot.com

maaf, saya sudah berkunjung ke banyak web yang mem-posting cara pasang space iklan seperti ini. Rata-rata caranya memang seperti itu. Tapi saya kesulitan dalam mencari kode ini ]]> . Bahkan saya sudah memakai bantuan F3, tapi malah kode itu tidak ditemukan. Ada yang bisa bantu saya kah?


sheilandak.blogspot.com

makasih gan... ini berguna buat pemula seperti saya..

hebat kang lanjutkan

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

mas masa ngga bisa d;pakai sih , di copy mah tetap item tulisannya !


jawab mas

wah, patut dicoba nih
lumayan kan, bisa buat isi dompet kalo kering hehehe

silahkan kunjungi balik kalau berkenan
http://ayokepo.blogspot.com/
atau
http://eka-designs.blogspot.com/

Komentar ini telah dihapus oleh administrator blog.

mantap banget gan...

oya mampir di blog ane jasaikla4n.blogspot.com

mantafff infonya gan sangat membantu bagi orang lain, dan untuk templatenya keren abis...
ditunggu kunjungan baliknya gan dari :

http://suksespenuh.blogspot.com/2014/08/cara-mudah-membuat-kotak-iklan-banner.html

lengkap infox gan..
http://www.amunkay.tk/2014/05/cara-membuat-kotak-iklan-tnpa-gambar.html

punya saya og nggk ada kode "]]>" ????

makasih gan infonya... SUKSES di blog ane caranya...

Sippp gan...

Kunjungi balik yaa... walaupun cuma liat-liat..
www.vento-deco.blogspot.com

setiap struktur template pasti ada kode ]]></b:skin> nya mbak..tp kalo ga ketemu bisa juga diletakkan di bawah kode <style type='text/css'>

bagus blognya, keren dah.... jadiin bookmark dulu :-d

Komentar ini telah dihapus oleh pengarang.

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

di tunggu artikel menariknya
http://apotekacemaxs.com/

thanks, kunjungi juga blog kami http://obattradisionalacemaxs.net/

mantap mas, jangan lupa mampir juga web ane.
http://www.design-maulana.com/ join juga ya, web ane masih baru ni...
ane udah join juga disini

thanks gan bermanfaat
mampir juga ya mas www.truffitindonesia.blogspot.com , blog nya masih anget mas hehe

Lebih menarik kayaknya bila diperhatikan menggunakan CSS. Penambahan kode HTML jadi tidak terlalu rumit..

Salam dari :
http://miniblogger28.blogspot.com

Hasil akhir nya bagus mas, penempatan nya makin apik gk berantakan saya suka banget, thanks ya mas tutorial nya siapa tau di blog saya ada yg pasang iklan :D

thanks akhirnya ketemu juga hehe...

silahkan kunjungi www.argaeryzal.tech

Artikel yg sangat bagus, Mantap pokoknya, Sukses selalu Blog INI
Salam :
http://www.mrivanchan.tk/

Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.