اليوم سوف نتعرف على إضافة التبادل الإعلاني وبشكل جديد وأحترافي مع التأثير ، وهذه الإضافة تتميز بالتأثير الرائع والألون الهادئة .
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
ليست هناك تعليقات:
إرسال تعليق