Hal ini ini untuk memberitahukan bahwa di blog anda tersedia slot untuk iklan baris bagi mereka yang ingin memasang iklan di blog anda,slot iklan baris ini juga sangat simple dalam penempatannya, jelas untuk keuntungan memasang iklan baris adalah mendapatkan uang,nah untuk itu,dalam artikel kali ini, saya ingin membuat tutorial cara membuat iklan baris responsive yang bisa anda terpkan pada blog anda.
Ini dia cara simple nya guys ~
- Buka akun blogger anda.
- Pilih menu template > Edit Html
- Lalu letakan kode CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style>
#ka-ads {margin:0;padding:0;width:100%;}Anda bisa mengubah backgroundnya pada kode yang saya tandai merah.
#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;}
4. Selanjutnya di bawah ini adalalah kode HTML nya, anda bisa
meletakannya di widget sidebar atau dimanapun yang anda inginkan.
<div id="ka-ads">5. Selamat mencoba.
<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/AVvXsEj6SmMrDGfjOZrdL0-5qKZ6gVuquqmgkxrasXH1xqgXMgihQ8rwpLmnstsTFDbJIF8EbWGFJBL_7QgB2YBDr2zrY365h89M0gEMQ9w8ocNZgt8JbHOCH97y10NK9y9wFL5AGaTTbg3whxr4/s1600/ads-icon.png" alt="icon pasang iklan" title="Pasang Iklan Baris Murah" width="19" height="15" />
Ads by Madamvia.web.id
</a>
</div>
Sekian tutorial di Cara Membuat Slot Iklan Baris Responsive Pada Blog , untuk lebih dan kurangnya saya mohon maaf, salam sukses selalu.
No comments