اضافة التبادل الأعلاني لمدونتك في البلوقر

اضافه التبادل الاعلانى او مواقع صديقه لا غنى عنها فى كل مدونات بلوجر

 تتميز اضافة التبادل الاعلانى بالشكل الجذاب وسهوله التعديل كما تتميز

 ايضا بتاثيراتCSS الرائعه عند مرور الماس على الاعلان

 طريقة الاضافة :

1 - قم بالدخول إلى لوحة التحكم
2 - ثم التخطيط
3 - ثم أضافة HTML/JavaScript
ثم ضع بها الكود:

<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="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>
       <div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>
       <div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>
       <div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>
       <div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>
<div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>
<div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>

<div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>

       <div class="adss" id="adsanime">
    <a href="####">
       <img src="http://b.top4top.net/p_76ys3k1.jpg" />
       <strong>أعلن هنا</strong></a>
        </div>           </center>

اللون الأحمر:أضافة رابط المدونة المراد التبادل معها

 اللون الأزرق: أسم المدونة المراد التبادل معها الأعلان

 اللون الأخضر: رابط صورة المدونة المتبادل معها      

 أذا أردة تنقيص أو زيادة عدد التبادل الأعلاني أحذف أو ضيف الكود التالي 

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

<a href="####">

       <img src="http://b.top4top.net/p_76ys3k1.jpg" />

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

        </div>

تم وبحمد الله

Share This

clear