إضافة التبادل الإعلاني بشكل جديد وأحترافي مع التأثير لمدونات بلوجر

 اليوم سوف نتعرف على إضافة التبادل الإعلاني وبشكل جديد وأحترافي مع التأثير  ، وهذه الإضافة تتميز بالتأثير الرائع والألون الهادئة .

أنقر للمعاينة

click to view

- طريقة تركيب الإضافة :

1- أدخل إلى مدونتك  ثم أختر لوحة التحكم >> تخطيط >> إضافة أداة : HTML/JavaScript

2- أضف الكود التالي في صندوق الأداة ثم إحفظ .

<style>
/*homeblog7.blogspot.com CSS starts*/
.homeblog7-adver {
    list-style: none;
    padding:0;
    width:300px;
}
.homeblog7-adver li {
    display: inline-block;
    margin: 3px 3px 3px 3px;
    vertical-align: top;
}
.homeblog7-adver li > a,
.homeblog7-adver li > a img {
    width:125px;
    border: none;
    outline: none;
    display: block;
    position: relative;
    transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
}
.homeblog7-adver li > a img:hover {
    border-radius:50%;
    z-index: 9999;
    opacity:.7;
}
/*homeblog7.blogspot.com CSS ends*/
</style>

<!--homeblog7.blogspot.com widget starts-->
<ul class="homeblog7-adver">
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة "/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
<li>
<a href="ضع هنا رابط المعلن" target="_blank"><img src="ضع هنا رابط صورة"/></a>
</li>
</ul>
<!--homeblog7.blogspot.com widget ends-->

- ملاحظة : حجم صورة الإعلان  :
     
- عرض الإعلان : 125
- طول الإعلان : 125