حصرياً افضل كود تبادل اعلاني بنري مع تلميحات Tooltip

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

لاكن المشكلة انه يجب ان يكون فالعمود الايمن وليس الايسر مثل ورقة مدون لاكن اذا رايت انه سوف يكون شكله رائع في موقعك

قم باخذه الان تابعه معاية شكل الاضافة

رأيت الاضافة ؟ اعجبتك ! سوف تحصل عليها الان تابع معاية كود الاضافة

<style>
/* Css Tooltip : pmudwn.blogspot.com
--------------------------------------*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #002AFF;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: 5px 0px 0px #001E80;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #002AFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  top: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
/* End Css Tooltip : pmudwn.blogspot.com
-----------------------------------------*/
.kotak_iklan {
    text-align: center;
margin-bottom: 33px;
}
</style>
<div class="kotak_iklan">
<a class="tip tooltips" href="#" target="_blank">
<img style="border: none;" src="https://1.bp.blogspot.com/-Qb91sUCCJBQ/WD16ZV42J0I/AAAAAAAAAGY/wivx6lHIKls6tZ8PNf50VuD7BZwWVue0wCLcB/s1600/bup.png" width="125" height="125" /><span>اعلن هنا</span></a>

<a class="tip tooltips" href="#" target="_blank">
<img style="border: none;" src="https://1.bp.blogspot.com/-Qb91sUCCJBQ/WD16ZV42J0I/AAAAAAAAAGY/wivx6lHIKls6tZ8PNf50VuD7BZwWVue0wCLcB/s1600/bup.png" width="125" height="125" /><span>اعلن هنا</span></a>

<a class="tip tooltips" href="#" target="_blank">
<img style="border: none;" src="https://1.bp.blogspot.com/-Qb91sUCCJBQ/WD16ZV42J0I/AAAAAAAAAGY/wivx6lHIKls6tZ8PNf50VuD7BZwWVue0wCLcB/s1600/bup.png" width="125" height="125" /><span>اعلن هنا</span></a>

</div>

هذا هو الكود ! طريقة تعديلة سهلة جداً تابع ...

1.  علامة # :  استبدلة برابط المدونة المعلنة
2. اللينك بللون الاحمر :رابط البنر لمموقع المعلن
3. كلمة "اعلن هنا" : اسم المدونة المعلنة

الان اين تضع الكود ! للناس الجديدة فالبلوجر تعالو نعرف ...

• لوحة تحكم Blogger.com
• تذهب لاعدادات مدونتك >> التخطيط >> اختار مكان الاضافة >> اضف اداة >> HTML/JavaScript
• ضع (العنوان) اسم الاضافة وليكن (إعلانك هنا يحقق اهدافك)
• ضع (الرسالة) الكود الموجود اعلي وثم اضغط علي حفظ
• تم اضافة الاضافة اللي مدونتك بنجاح اي سؤال ضعه فالتعليقات

يرجي عدم حذف حقوق من الكود