Diberdayakan oleh Blogger.
» » Cara membuat Slot iklan baris ala Chitika di blog

Cara membuat Slot iklan baris ala Chitika di blog

Oleh

Sahabat Kang PP, kali ini saya akan share tutorial dari Kang Adhi Kompi Ajaib yaitu slot Iklan Baris Ala Chitika. Memang jika dilihat mirip sekali dengan iklan dari Situs PPC Chitika, Tertarik ? Mari kita membuatnya. :)

Berikut Tutorialnya :

Kode CSS :
#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;}

Jika ingin memodifikasinya, silahkan Ganti :
  1. Warna backgound dan tulisan iklan pada #ka-ads li a:link,#ka-ads li a:visited 
  2. Warna hover iklan pada #ka-ads li a:hover 
  3. Kode warna disini .
 Kode HTML :
<div id="ka-ads">
    <ul>
    <li><a href="Alamat Iklan" title="Title 1" target="_blank">Iklan Satu</a></li>
    <li><a href="Alamat Iklan" title="Title 2" target="_blank">Iklan Dua</a></li>
    <li><a href="Alamat Iklan" title="Title 3" target="_blank">Iklan Tiga</a></li>
    <li><a href="Alamat Iklan" title="Title4" target="_blank">Iklan Empat</a></li>
    </ul>
<a class="link-pasang" href="#" target="_blank" title="Pasang Iklan Murah">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwzLbe04uTkY1IhvOjjzDvGDFpoCeUjl22tjFDmEyHoUJ1Wk0FJvzlmr2C8fMJool0Q-c3sq2LJQUX1t24PkpmpIz-GLoTqcTwXfZVN-V7D473LaB5en8AwG_FAsC_RpU62FvMLqqRum8/s1600/ads-icon.png" alt="icon pasang iklan" title="Pasang Iklan Baris Murah" width="19" height="15" /> 
Ads by Kang PP
    </a>
    </div>

Selesai.

Keterangan :
Silahkan kode CSS diletakan diatas kode ]]></b:skin> atau </style> , kode HTML diletakan tergantung penempatannya, jika ingin di sidebar maka di Add Gadget > Html/Javascript.

Jangan lupa untuk meninggalkan jejak di komentar, jika ada pertanyaan atau kesulitan bisa melalui komentar.
0 Komentar untuk "Cara membuat Slot iklan baris ala Chitika di blog"

Back To Top