Dalam artikel ini, kita akan membahas cara membuat slot iklan baris responsive pada blog. Dengan demikian, Anda dapat menempatkan iklan baris di blog Anda dan memperoleh penghasilan tambahan.
Sebelumnya, perlu diingat bahwa Anda harus memiliki blog yang telah terkenal dan memiliki reputasi baik serta jumlah pengunjung ribuan atau puluhan ribu. Jika demikian, maka tak jarang orang akan ingin sekali mempromosikan situs atau web mereka di blog Anda.
Cara Membuat Slot Iklan Baris Responsive
Berikut ini adalah langkah-langkah untuk membuat slot iklan baris responsive:
- Buka akun blogger Anda.
- Pilih menu template > Edit Html.
- Letakan kode CSS di bawah ini tepat di atas kode
]]</b:skin>atau</style>:
#ka-ads {margin:0;padding:0;width:100%;}
#ka-ads ul{list-style:none;margin:0;padding:0;}
#ka-ads li a:link,#ka-ads li a:visited {display:block;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;width:auto;height:16px;text-decoration: none;font-size:16px;font-weight:bold;padding:5px 5px 6px 7px;border:1px solid #444;box-shadow:1px 1px 3px 1px #444;margin:8px ;color:#fff;background:#8E1515;}
#ka-ads li a:hover{color:#0F01BA;text-decoration:underline;color:#0F01BA;background:#fff;}
a.link-pasang{float:right;color:#666;font-size:11px;text-decoration: none;margin-right:8px;}
a.link-pasang img{float:right;}
a.link-pasang:hover{color:#333;}
Anda dapat mengubah backgroundnya pada kode yang saya tandai merah.
- Selanjutnya, letakan kode HTML di bawah ini di widget sidebar atau dimanapun yang Anda inginkan:
<div id="ka-ads">
<ul>
<li><a href="#" title="#title1" target="_blank">Home</a></li>
<li><a href="#" title="#title2" target="_blank">Facebook</a></li>
<li><a href="#" title="#title3" target="_blank">Twitter</a></li>
<li><a href="#" title="#title4" target="_blank">Google+</a></li>
<li><a href="#" title="#title5" target="_blank">About</a></li>
<li><a href="#" title="#title6" target="_blank">Contact</a></li>
</ul>
<a class="link-pasang" href="#" target="_blank" title="Pasang Iklan Baris Murah">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglh49fnf6ISswryxbTU4gwC_CS43jNkwVi_aAsscrdCdCQuJGV8jVwzjDicLy-FEwRehOUaQYsbbyxFvnzmdPz7f-_YafSBFBtruxsGRcc_mIKGpnR5bqegcOgZ028KO1wOQMOxyS065QX/s1600/ads-icon.png" alt="icon pasang iklan" title="Pasang Iklan Baris Murah" width="19" height="15" />
Ads by Madamvia.web.id
</a>
</div>
- Selamat mencoba!
Sekian tutorial di Cara Membuat Slot Iklan Baris Responsive Pada Blog. Untuk lebih lanjut, saya mohon maaf, salam sukses selalu.
Kode HTML untuk Slot Iklan Mandiri Responsive V1.14
WinWeb v4.238
, une solution web by labmedia & WinMedia
Kode HTML untuk Slot Iklan Mandiri Responsive ♣♦ Selamat Datang
Il n'y a pas d'article à cette adresse