Cara Mudah Membuat Kotak Iklan Berbagai Ukuran di Blog; LENGKAP

Jika situs atau blog sahabat telah mempunyai pengunjung yang sangat banyak, maka sudah saatnya sahabat melebarkan sayap dengan memberikan pelayanan pasang iklan di situs tersebut. Kemungkinan selalu ada dan kesempatan pasti ada.

Oleh karenanya, sahabat perlu melirik membuat kotak iklan secara mandiri atau bisa juga sahabat memasang iklan sendiri di blog tersebut. Seperti sahabat mempunyai usaha buku, maka usaha tersebut bisa dipasarkan lewat blog sendiri ataupun menawarkan orang lain untuk memasang iklannya di blog tersebut.

Maka pada kesempatan ini, Ngonline06 akan berbagi trik membuat kotak iklan di blog. Silahkan praktikkan dan ambil keuntungan dari memasang iklan tersebut dengan sebanyak-banyaknya.

Membuat Kotak Iklan di Blog dengan Berbagai Ukuran

Ukuran 300 x 250

Jika sahabat ingin menawarkan kotak iklan kepada calon pengunjung, maka trik ini cocok untuk dipraktikkan. Sebagai gambarannya, lihat gambar di atas. Gambar tersebut menunjukkan penawaran iklan kepada pengunjung dan pengunjung bisa mengetahui ketentuannya setelah mengklik pemilik iklan tersebut yang tertulis di gambar ads by Ngonline06. Jika tertarik, silahkan praktikkan tata cara berikut ini:

1. Silahkan login ke dashboard blog.
2. Klik tata letak > add gadget (tambah gadget).
3. Pilih Javascript/HTML. Tulis kode berikut ini dan simpan.
<div style='background: #DDE3E8; text-decoration: none; border: 1px solid #4b4b4b; width:300px;height:250px;margin:0;padding:0;text-align:center;position:relative'>
<div style="padding-top:55px;">
<span style="font:30px Oswald;">Advertise </span><br/>
<span style="font:40px Oswald;">300x250 </span><br/>
<span style="font:30px Oswald;">Here</span></div><br/>
<a style="text-decoration: none; padding:10px 10px 10px 10px;float: right;color:#0099cc;" href="http://ngonline06.blogspot.com/" target="_blank" title="Pasang Iklan di Sini"><small>Ads by Ngonline06</small></a><br /></div>
KET. Sesuaikan huruf yang berwarna merah sesuai kebutuhan.

Ukuran 250 x 250

Jika sahabat ingin menawarkan 4 kotak iklan kepada calon pengunjung, maka trik ini cocok untuk dipraktikkan. Posisi iklan seperti ini cocok diletakkan di sidebar. Gambar tersebut menunjukkan penawaran iklan kepada pengunjung dan pengunjung bisa mengetahui ketentuannya setelah mengklik pemilik iklan tersebut yang tertulis di gambar 4 banner. Jika tertarik, silahkan praktikkan tata cara berikut ini:

1. Silahkan login ke dashboard blog.
2. Klik tata letak > add gadget (tambah gadget).
3. Pilih Javascript/HTML. Tulis kode berikut ini dan simpan.
<div align="center" id="Box-Banner-ads">
<a href="http://ngonline06.blogspot.com/" target="_blank">
<img alt="ads" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkizRaZvn5vvWMPxglL2SuKVtxiaPYnOe7MP3vrBa7bR6XbGSShAx4AKZwXiwrexl6fOS5avpTM5cNczzeOX1o-evQyqcZwYFNb_zN_0s7jpwOQ8lCmgP3iKHypS0zIJC12WXtVNJIW9U/s1600/Banner+Ads+125x125.png" /></a>
<a href="http://ngonline06.blogspot.com/" target="_blank">
<img alt="ads" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkizRaZvn5vvWMPxglL2SuKVtxiaPYnOe7MP3vrBa7bR6XbGSShAx4AKZwXiwrexl6fOS5avpTM5cNczzeOX1o-evQyqcZwYFNb_zN_0s7jpwOQ8lCmgP3iKHypS0zIJC12WXtVNJIW9U/s1600/Banner+Ads+125x125.png"
style="margin-left: 5px;" /></a>
<a href="http://ngonline06.blogspot.com/" target="_blank">
<img alt="ads" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkizRaZvn5vvWMPxglL2SuKVtxiaPYnOe7MP3vrBa7bR6XbGSShAx4AKZwXiwrexl6fOS5avpTM5cNczzeOX1o-evQyqcZwYFNb_zN_0s7jpwOQ8lCmgP3iKHypS0zIJC12WXtVNJIW9U/s1600/Banner+Ads+125x125.png" /></a>
<a href="http://ngonline06.blogspot.com/" target="_blank">
<img alt="ads" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkizRaZvn5vvWMPxglL2SuKVtxiaPYnOe7MP3vrBa7bR6XbGSShAx4AKZwXiwrexl6fOS5avpTM5cNczzeOX1o-evQyqcZwYFNb_zN_0s7jpwOQ8lCmgP3iKHypS0zIJC12WXtVNJIW9U/s1600/Banner+Ads+125x125.png"
style="margin-left: 5px;" /></a>
</div>
KET. Sesuaikan huruf yang berwarna merah sesuai kebutuhan. Dan, jika sahabat mempunyai gambar tertentu untuk ditampilkan, silahkan sesuaikan huruf yang berwarna biru.

Ukuran 715 x 80

Jika sahabat ingin menawarkan kotak iklan berada di samping header kepada calon pengunjung, maka trik ini cocok untuk dipraktikkan. Gambar tersebut menunjukkan penawaran iklan kepada pengunjung dan pengunjung bisa mengetahui ketentuannya setelah mengklik pemilik iklan tersebut yang tertulis di banner. Jika tertarik, silahkan praktikkan tata cara berikut ini:

1. Silahkan login ke dashboard blog.
2. Klik tata letak > add gadget (tambah gadget).
3. Pilih Javascript/HTML. Tulis kode berikut ini dan simpan.
<div style='background: #DDE3E8; text-decoration: none; border: 1px solid #4b4b4b; width:715px;height:80px;margin:0;padding:0;text-align:center;position:relative'>
<div style="padding-top:20px;">
<a href="http://ngonline06.blogspot.com/" target="_blank" style="font:30px Oswald; title="pasang iklan di sini">Advertise Here 715 x 80</a>
</div></div>
KET. Sesuaikan huruf yang berwarna merah dan biru di atas sesuai kebutuhan.

Ukuran 160 x 700

Jika sahabat ingin menawarkan kotak iklan berada di samping isi blog kepada calon pengunjung, maka trik ini cocok untuk dipraktikkan. Bentuk kotak iklan ini vertikal. Jika tertarik, silahkan praktikkan tata cara berikut ini:

1. Silahkan login ke dashboard blog.
2. Klik tata letak > add gadget (tambah gadget).
3. Pilih Javascript/HTML. Tulis kode berikut ini dan simpan.
<div style='background: #DDE3E8; text-decoration: none; border: 1px solid #4b4b4b; width:160px;height:700px;margin:0;padding:0;text-align:center;position:relative'>
<div style="padding-top:250px;">
<a href="http://ngonline06.blogspot.com/" target="_blank" style="font:30px Oswald; title="pasang iklan di sini">Your Advertise 700 x 160</a>
</div></div>
KET. Sesuaikan huruf yang berwarna merah dan biru di atas sesuai kebutuhan.

Rumus Umum Kotak Iklan di Blog

Setelah sahabat mengetahui berbagai ukuran kotak iklan sebagaimana diurakan di atas, namun ternyata sahabat belum puas. Dan, sahabat ingin membentuk ukuran yang lain dan tentunya lebih baik lagi. Maka, tenang saja... Sahabat bisa membuatnya dan caranya pun sangat mudah. Oleh karenanya, pada akhir pembahasan ini sengaja Ngonline06 akan memberikan rumus umum dalam membuat kotak iklan di blog agar sahabat bisa berkreasi dengan kotak iklan dari berbagai ukuran, yang tentunya disesuaikan dengan kebutuhan sahabat semua. Karena pada dasarnya saat sahabat ingin membuat iklan, tentunya sahabat sudah mempunyai gambar yang hendak dipasangkan to. Mau buat iklan, koq gak punya sesuatu yang mau diiklankan, tentu aneh bukan. Maka pada rumus umum ini, kami anggap sahabat sudah menyiapkan gambar yang hendak dibuat banner iklan. Selanjutnya, lihat saja rumus umum dalaam membuat kotak iklan di blog berikut ini:

1. Silahkan login ke dashboard blog.
2. Klik tata letak > add gadget (tambah gadget).
3. Pilih Javascript/HTML. Tulis kode berikut ini dan simpan.
<div class="separator" style="clear: both; text-align: center;">
<a href="LINK PEMASANG IKLAN"><img src="LINK GAMBAR" width="100%" /></a></div>
KET. Sesuaikan huruf yang berwarna merah sesuai dengan kebutuhan.

Demikian tutorial membuat kotak iklan di blog. Semoga bermanfaat dan berhasil dalam membuatnya. Jika ada kesulitan, silahkan coret-coret di kotak komentar ya..