اضافة البنرات الاعلانية بتقينة css

<style>

#advertise{

  margin: auto;

}

 .adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }

 .adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }

 .adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}

 .adss img { max-height: 75px; max-width: 75px; }

 #adsanime:hover { opacity:0.2; }

 #adsanime a strong {

    -webkit-transition-property: opacity;

    -webkit-transition-duration: 500ms;

    -moz-transition-property: opacity;

      -moz-transition-duration: 500ms; }

 #adsanime a strong {

  opacity:0;

    -webkit-transition-property: opacity, top;

    -webkit-transition-duration: 300ms;

      -moz-transition-property: opacity, top;

      -moz-transition-duration: 300ms; }

 #adsanime {

    opacity:0.5;

    -webkit-transition-property: opacity, top;

      -webkit-transition-duration: 300ms;

      -moz-transition-property: opacity, top;

        -moz-transition-duration: 300ms; }

 #adsanime:hover { opacity:1; }

 #adsanime:hover a strong { opacity:1; top:-10px; }

</style>

<center>

<div class="adss" id='adsanime'>



<a href="رابط المعلن">

  <img src="رباط البنر" />

  <strong>اعلن هنا</strong></a>

    </div>



  <div class="adss" id='adsanime'>



<a href="رابط المعلن/">

  <img src="رابط البنر" />

  <strong>مدونة بلوجر فيس</strong></a>

    </div>





  <div class="adss" id='adsanime'>



<a href="رابط المعلن/">

  <img src="رابط البنر" />

  <strong>اسم مدونة المعلن</strong></a>

    </div>



  <div class="adss" id='adsanime'>



<a href="رباط المعلن/">

  <img src="رابط البنر" />

  <strong>اسم المدونة</strong></a>

    </div>





  <div class="adss" id='adsanime'>



<a href="رابط المعلن/">

  <img src="رابط البنر" />

  <strong>اسم مدونة المعلن</strong></a>

    </div>



  <div class="adss" id='adsanime'>



<a href="رابط المعلن">

  <img src="رابط البنر" />

  <strong>أعلن هنا</strong></a>

    </div>

  <div class="adss" id='adsanime'>



<a href="رابط المعلن">

  <img src="رابط البنر" />

  <strong>أعلن هنا</strong></a>

    </div>



  <div class="adss" id='adsanime'>



<a href="رابط المعلن">

  <img src="رابط البنر" />

  <strong>أعلن هنا</strong></a>

    </div>



  <div class="adss" id='adsanime'>



<a href="رابط المعلن">

  <img src="رابط البنر" />

  <strong>أعلن هنا</strong></a>

    </div>          </center>

 <br />

<a href="رابط صفحة التبادل الاعلاني">للتبادل الاعلاني يرجي الاتصال بنا هنا</a>
<br />
<br />
<div style="text-align: center;">
<script language='Javascript'>

<!--

document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%62%6C%6F%67%67%2D%66%61%63%65%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%22%20%72%65%6C%3D%22%6E%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%41%64%64%65%64%20%62%79%20%74%68%69%73%3C%2F%61%3E%3C%2F%64%69%76%3E'));

//-->

</script></div>