Membuat Kotak Untuk Slot Iklan Dengan Link Pasang Iklan

Karena ada yang menanyakan bagaimana menciptakan kotak iklan ibarat gambar di samping, maka sekarang aku share saja barang kali ada yang belum tahu cara membuatnya.

Kotak ini sanggup memakai gambar atau juga hanya goresan pena saja. Namun aku di sini hanya memakai goresan pena supaya size blog agak irit. 

Namun ada yang membedakan dengan kotak-kotak iklan lainnya yakni adanya goresan pena "Add by..." di bab bawah kanan yang berisi link halaman pasang iklan sehingga tampilannya ibarat iklan PPC.

Bagaimana tertarik untuk mencoba membuatnya? Silahkan ikuti langkah-langkahnya di bawah ini.

Silahkan copy arahan di bawah ini dan paste di gadger HTML/Javascript di tata letak atau layout.

<div style='background: #e1e1e1; text-decoration: none; border: 1px solid #333; 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:35px 5px 0 0;float: right;color:#b0130d;" href="http://www.kompiajaib.com/p/blog-page_1.html" target="_blank" title="Membuat Kotak Untuk Slot Iklan Dengan Link Pasang Iklan"color: red;">Pasang Iklan Murah Kompi Ajaib"><small>Ads by Kompi Ajaib</small></a><br /></div>

Jika goresan pena atau link-nya terlalu ke atas atau ke bawah, tinggal atur angka pada padding-nya. Tulisan yang berwarna merah ganti dengan ulr halaman pasang iklan blog Anda dan title linknya. Tulisan yang berwarna biru ganti dengan nama blog Anda.

Namun kalau Anda ingin menyertakan image atau gambar pada kotak iklannya, silahkan bikin dulu gambar dengan dimensi 300px x 250px, kemudian upload gambar ke blog. Copy arahan di bawah ini dan paste di gadger HTML/Javascript di tata letak atau layout.

<div style="background: none; border: none; height: 250px; margin: 0; padding: 0; width: 300px;">
<a href="URL TUJUAN IKLAN" target="_blank" title="Membuat Kotak Untuk Slot Iklan Dengan Link Pasang Iklan"><img alt="Membuat Kotak Untuk Slot Iklan Dengan Link pasang Iklan Membuat Kotak Untuk Slot Iklan Dengan Link Pasang Iklan" src="URL IMAGE / GAMBAR" title="Membuat Kotak Untuk Slot Iklan Dengan Link Pasang Iklan" /></a>
<a href="URL HALAMAN PASANG IKLAN" style="color: white; float: right; margin: -25px 5px 0 0; padding: 0; position: relative; text-decoration: none;" target="_blank" title="Membuat Kotak Untuk Slot Iklan Dengan Link Pasang Iklan"><small>Ads by NAMA BLOG ANDA</small></a></div>

Sehingga penampakannya akan ibarat di bawah ini:

Ads by Kompi Ajaib

Jika goresan pena "Ads by..." terlalu ke atas atau ke bawah, tinggal atur angka-angka pada margin untuk url halaman pasang iklan. Untuk ukuran-ukuran lainnya, Anda sanggup mengembangkannya dari kode-kode di atas. Demkian saja semoga sanggup dimengerti dan bermanfaat... Selamat berkreasi...

Sumber https://www.kompiajaib.com/

Share this post