أضف أداة التبادل الإعلاني الحذابة والمتميزة بتقنية CSS إلى بلوجر

بسم الله الرحمن الرحيم

اليوم سنقدم لكم أدا فريدة من نوعها ومميزة وجذابة إضافة إلى فائدتها في رفع البيج رانك لموقعك وتبادل الزيارات وطريقة إضافتها لمدونات بلوجر !!

الكود الخاص بالإضافة :

<!-- MansEng Style Strart -->

<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; }

 #MansEngAds:hover { opacity:0.2; }

 #MansEngAds a strong {

    -webkit-transition-property: opacity;

     -webkit-transition-duration: 500ms;

     -moz-transition-property: opacity;

      -moz-transition-duration: 500ms; }

 #MansEngAds a strong {

   opacity:0;

    -webkit-transition-property: opacity, top;

     -webkit-transition-duration: 300ms;

      -moz-transition-property: opacity, top;

       -moz-transition-duration: 300ms; }

 #MansEngAds {

    opacity:0.5;

     -webkit-transition-property: opacity, top;

      -webkit-transition-duration: 300ms;

       -moz-transition-property: opacity, top;

        -moz-transition-duration: 300ms; }

 #MansEngAds:hover { opacity:1; }

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

</style>

<!-- MansEng Style End -->

<!-- MansEng Code Strart -->

<center>

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

<a href="http://www.manseng.tk">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE3gnij01Jc4VYSKH4oISwMdEmjJzOwlkZ63Sjl5FA5ueIT07jpZ9DuRiSXhct2KoiXLPwu3jV5aLEomzAe7NI6SK2_-AKqBTSpAJ9BC_B-QTnbR2DGDlceypzHEoIzDpsNBzrbRFXfZ7a/s125-no/MansEng125x125.gif" />

<strong>هندسة المنصورة</strong>

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

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

<a href="#">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png" />

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

</a>

</div>

</center>

<!-- MansEng Code End -->

قم بتبديل

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLehgpTsBF1R7JQZTf_aIa5Sy2v3D5AoNgdpk97MKwQ2-NI294viGiCj-ImETx0kn7P75UJIpXHH4SV0j6G1PY-t3_n4num-emi0jBXOyNRzT0V6kB3tcEkE64NXo1Au4qOEw6C_Q7co_S/s125-no/adschange+125-125.png

برابط صورة الموقع الذي ستتبادل إعلانك معه

وقم بتبديل

#

إلى رابط الموقع المراد تبادل إعلانك معه

وقم بتبديل

أعلن هنا

إلى عنوان الموقع المراد تبادل إعلاناتك معه

ملاحظة هامة : لا تقم بتغيير أي شيئ في الكود لحين تبادلك مع موقع معين

طريقة إضافتها إلى مدونات بلوجر :

1 - نتوجه الى المدونة

2 - نختار التخطيط

3 - اضافة اداة

4 - HTML/Javascript

5 - نضيف الكود المدرج أعلاه 

عنوان التدوينة: أضف أداة التبادل الإعلاني الحذابة والمتميزة بتقنية CSS إلى بلوجر
تقييم : 10 من 10 مرتكز على 24 تقييم.
الكاتب / المدير Skatsofrink | الافضل لكم |أكرم وجيـه

عدد المشاهدات :

• غرد
• مشاركة
• إضافة
مزيد

بضغطة زر تشارك الفائدة وتدعم المدونة

صندوق التدوينة

رابط مباشر :

كود للمنتديات :

HTML كود :