اضافة التبادل الاعلاني بتقنية css لمدونات البلوجر.

السلام عليكم و رحمة الله و بركاته
اخواني زوار مدونتنا Th3GeekTech مرحبا بكم في موضوع اخر من مواضيع المدونة و الذي بعنوان

اضافة التبادل الاعلاني بتقنية css لمدونات البلوجر.

لتركيب الضافة اليكم الخطوات

1-نذهب الى التخطيط ثم اضافة أداة

2-ثم اضافة اداة HTML/JavaScript

3-ثم نلصق الكود الاضافة

الكوود

<div class="widget-content">

<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="#"target='_blank'>       <img src="http://im31.gulfup.com/ab0EE.gif" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

 <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

      <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

      <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

      <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا </strong></a>        </div>

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

      <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

       <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

      <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

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

      <a href="#"target='_blank'>       <img src="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" original="http://www4.0zz0.com/2013/06/30/12/390205157.jpg" style="display: inline-block;" />       <strong>اعلن هنا</strong></a>        </div>

</center>

<br /></div>

ومبرووك الاضافة