Cara Membuat Slot Iklan Baris Responsive Pada Blog

Cara Membuat Iklan Baris Responsive Pada Blog. Sobat blogger, sudah tak di pungkiri lagi, jika sebuah blog yang sudah terkenal dan mempunyai reputasi baik dan mempunyai banyak pengunjung sampai ribuan bakan puluhan ribu, maka tak jarang orang akan ingin sekali mempromosikan situs atau web mereka di situs web atau blog anda, maka dari itu, meneydiakan slot iklan baris adalah salah satu hal yang harus anda lakukan.

Dibawah ini, Contoh Demo Iklan baris yang akan di buat.

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.

Cara Membuat Slot Iklan Baris Responsive Pada Blog

1. Buka akun blogger anda.
2. Pilih menu template > Edit Html
3. Lalu 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 bisa mengubah backgroundnya pada kode yang saya tandai merah.

   4.  Selanjutnya di bawah ini adalalah kode HTML nya, anda bisa meletakannya 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>

5. Selamat mencoba.

Sekian tutorial di Cara Membuat Slot Iklan Baris Responsive Pada Blog , untuk lebih dan kurangnya saya mohon maaf, salam sukses selalu.

Share to:

Google+ Facebook Twitter