جهت نمایش آنلاین این کد ، اینجا را کلیک کنید
لطفاً آموزش را به طور دقیق انجام دهید تا به مشکل برنخورید
ابتدا این کد را در بخش <head> خود قرار دهید .
<style>
a.ads,span.ads-title,span.ads-body,span.ads-url{display:block}
a.ads{width:170px;border-radius:7px;font-family:b yekan;font-size:12px;-moz-border-radius:7px;-webkit-border-radius:7px;color:#000 !important;text-shadow:1px 1px #FFF;margin:5px auto;padding:7px;}
a.ads:hover{opacity:0.9;border-style:solid;border-right-width: 5px; }
a.orangeads{border:1px dashed #bb9728;background-color:#f0da97}
a.redads{border:1px dashed #db8770;background-color:#ffddca}
a.yellowads{border:1px dashed #dedf7f;background-color:#feffa0}
a.greenads{border:1px dashed #8edb6f;background-color:#d3ffc6}
a.blueads{border:1px dashed #64b6c8;background-color:#caeffb}
span.ads-title{font-weight:700}
span.ads-url,span.ads-body{margin-top:5px}
span.ads-url{text-align:right;direction:ltr}
.ads-h1:hover,.ads-s1:hover{opacity:.7;}
</style>
سپس کد زیر را در هر مکانی که میخواهید ، قرار دهید .
<center>
<p align="right">
<a target="_blank" class="ads yellowads" href="لینک شما">
<span class="ads-title">عنوان</span>
<span class="ads-url">توضیحات</span>
</a></p>
</center>
<center>
<p align="right">
<a target="_blank" class="ads greenads" href="لینک شما">
<span class="ads-title">عنوان</span>
<span class="ads-url">توضیحات</span>
</a></p>
</center>
<center>
<p align="right">
<a target="_blank" class="ads redads" href="لینک شما">
<span class="ads-title">عنوان</span>
<span class="ads-url">توضیحات</span>
</a></p>
</center>
<center>
<p align="right">
<a target="_blank" class="ads orangeads" href="لینک شما">
<span class="ads-title">عنوان</span>
<span class="ads-url">توضیحات</span>
</a></p>
</center>
<center>
<p align="right">
<a target="_blank" class="ads blueads" href="لینک شما">
<span class="ads-title">عنوان</span>
<span class="ads-url">توضیحات</span>
</a></p>
</center>