Membuat Slot Iklan Responsive ala Chitika

Membuat Slot Iklan Responsive Untuk Chitika - Iklan yang bisa tampil baik di segala ukuran device? Bukan hal yang mustahil! Anda tetap bisa berburu dollar's dengan menggunakan iklan responsive ini. Sangat disayangkan bagi mereka yang masih menggunakan kode iklan default, mungkin saja iklan tersebut malah merusak tampilan web secara keseluruhan ataupun hanya pada bagian responsivenya saja.

Niche yang cocok untuk pengiklan? Baca :
Bingung Pilih Niche atau General Blogging ? Ini Solusinya
 Tips Memilih Niche Blog Yang Ramai Pengunjung
KODE CSSnya

#soma-ads {margin:0;padding:0;width:100%;}
#soma-ads ul{list-style:none;margin:0;padding:0;}
#soma-ads li a:link,#soma-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;} 
#soma-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;}

HTML

<div id="soma-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/AVvXsEhBR0eaTDQ7w-xgbuWSIAJO7GqmWb7guaxWPMLNpY0ERSVsDnV8ymE3asrb9JTEwvJV4i-IKxcdV2irLqQ91LxLbo39uiNkCF9div0kGZ8UpvfN67FvFxPYvS0p6qvOFd5ZNEFvF698nPP7/s1600/ads-icon.png" alt="icon pasang iklan" title="Pasang Iklan Baris Murah" width="19" height="15" /> 
Ads by SOMAZINGBLOG.COM
    </a>
    </div>

INGAT! Ini hanyalah kode kode untuk membuat iklan yang tampilannya seperti chitika! Silakan ganti setiap link tersebut dengan link iklan anda sendiri. Semoga tutorial Membuat Slot Iklan Responsive ala Chitika ini bermanfaat untuk anda. Selamat mencoba.

http://www.kompiajaib.com/2014/05/membuat-slot-iklan-baris-responsive-ala-chitika.html

Tweet