الرئيسية بلوجر بانرات روعة للتبادل الاعلاني ذات مظهر احترافي

بانرات روعة للتبادل الاعلاني ذات مظهر احترافي

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

انا اليوم اقدم لكم اضافة جديدة لمدونات بلوجر الا و هي بانرات اعلانية من تطويري الخاص ومن لا يعرف يعرف البانرات فهي طريقة لتبادل الاعلانات حيث توضع صورة تعبر عن الموقع الذي يريد الاعلان على مدونتك و بمجرد الضغط على الصورة فتذهب الى هذا الموقع وانا اخترت لكم هذه البانرات المستعملة في مدونتي فهي تتميز

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:250px; height:250px; 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: 250px; max-width: 250px; }
 #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><br />
<center>
<div class="adss" id="adsanime">
<a href="http://3rabland4.blogspot.com//"><br />
   <img src="http://im83.gulfup.com/fZnQMO.jpg" /><br />
   <strong>أعلن هنا</strong></a><br />
    </div>
</center>
<a href="http://3rabland4.blogspot.com/"></a><br />

ثم حفظ ومبروك عليك الاداة

قد يعجبك أيضا

ليست هناك تعليقات:

إرسال تعليق