-->

كود التبادل الاعلانى بشكلة الروعة والمتحرك مثل مدونة انتا الكسبان

كود التبادل الاعلانى بشكلة الروعة والمتحرك مثل مدونة انتا الكسبان
    بسم الله الرحمن الرحيم

    كما عودناكم اعضاء وزوار مدونة انتا الكسبان على كل جديد فى عالم التطوير على البلوجر فان موضوع درس اليوم هو اضافة اداة التبادل الاعلانى بشكلة الخرافى والحديث والمتحرك فى مدونات البلوجر الخاصة بكم بشكل جميل و جذاب و يضفي أناقة و مظهر إحترافي لمدونتك على بلوجر .. حتى لا اطيل عليكم اترككم مع هذه الاضافة الجميلة و الاسرع فى التركيب .

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

    قم بالذهاب إلى لوحة التحكم > عناصر الواجهة > إضافة عنصر جديد >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-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
     .adss img {-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 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="http://arabe-eye.blogspot.com">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="http://a7trafy.blogspot.com">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>أعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="/">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="/">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>  
    <div class="adss" id="adsanime">
    <a href="">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="http://arabe-eye.blogspot.com">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="http://a7trafy.blogspot.com">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>أعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="/">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    <div class="adss" id="adsanime">
    <a href="/">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>  
    <div class="adss" id="adsanime">
    <a href="">
       <img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
       <strong>اعلن هنا</strong></a>
        </div>
    </center>
    وغير ما يلزمك حتى يناسبك
    لو عندك اى استفسار ضع تعليق بــه ولا تتردد التعليق مجانى بدون اشتراك

    جميع الحقوق محفوظة لمدونة انتا الكسبان

    Mohamed Shaban
    @مرسلة بواسطة
    كاتب ومحرر في مدونة : مدونة انتا الكسبان .
    1. اسف نسي اضيف ملحوظة صغيرة لو عاوز تضيف بنرات اكتر قم بتكرار الكود التالى:من السطر الــ40 : 45

      كل هذا الكود لاضافة بنر واحد زيادة لو عاوز تضيف اكتر كرر الكود على اد العدد اللى انتا عوزة .
      وشكرا

      ردحذف