Cara Membuat Slot Iklan Baris Teks Responsive di Blog

Cara Membuat / Memasang Slot Iklan Baris Teks Responsive. Bagi anda pengguna blog yang sudah mempunyai visitor yang banyak dan mempunyai reputasi yang baik dimata pembaca maka salah satu langkah untuk mengambil keuntungan dari blog anda adalah dengan cara menyediakan slot iklan / advertise untuk situs lain, hal ini memungkinkan untuk memberitahu bahwa blog anda menyediakan slot iklan untuk dipasang.
Cara Membuat Slot Iklan Baris Teks Responsive di Blog
Tak jarang, jika situs anda memang sudah mempunyai reputasi yang bagus dan terkenal, mungkin orang akan ingin sekali untuk memasang iklan diblog anda untuk mengiklankan situs mereka namun orang juga akan berpikir bahwa situs blog anda tidak menyediakan slot iklan karena tidak tersedianya slot kosong yang disediakan. Maka menurut saya penyediaan slot iklan baris ini adalah salah satu trik untuk menjaring pengiklan agar tertarik untuk memasang iklan diblog anda.

Baca Juga : Cara Membuat Arsip / Archive Blog Dengan Scroll


Cara Membuat Slot Iklan Baris Teks Responsive di Blog

1. Buka akun blogger anda.
2. Pilih menu template dan klik edit HTML.
3. Selanjutnya letakan kode dibawah ini tepat diatas ]]></b:skin> atau </style> 

#okta-ads {margin:0;padding:0;width:100%;}
#okta-ads ul{list-style:none;margin:0;padding:0;}
#okta-ads li a:link,#okta-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;}
#okta-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. Save template anda.
5. Sekarang letakan kode dibawah ini pada pada widget sidebara / dimana saja anda ingin meletakan slot iklan tersebut.

<div id="okta-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="http://2.bp.blogspot.com/-UnL6dT-0hRI/U4mXD7RrFAI/AAAAAAAAc-8/oSCQnUx6rXE/s1600/ads-icon.png" alt="icon pasang iklan" title="Pasang Iklan Baris Murah" width="19" height="15" />
Ads by oktavialie.web.id
    </a>
    </div>

Oke saya rasa sudah cukup untuk tutorial "Cara Membuat Slot Iklan Baris Teks Responsive di Blog" lebih dan kurangnya saya mohon maaf.


EmoticonEmoticon