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

مرحباً بكم زوار ومتابعي المدونة 

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

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

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

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

<style>
#homeblogger {
margin: 0px;
padding: 5px;
text-align: center; }
#homeblogger img {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c0c0c0;
-webkit-border-radius:70px;
-moz-border-radius:70px;
-o-border-radius:70px;
border-radius:70px;
-webkit-transition: all 0.45s ease-out;
-moz-transition: all 0.45s ease-out;
-o-transition: all 0.45s ease-out;
transition: all 0.45s ease-out;
}
#homeblogger img:hover {
margin: 0px 8px 4px 0px;
padding: 3px;
text-align: center;
border: 3px solid #c33f00;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
}
</style>
<div id="homeblogger">
<a target="_blank" rel="nofollow" href="رابط المعلن"><img height="115" alt="banner ads" src="http://cdn.top4top.net/i_648dbe420d1.jpg" width="115" border="0"/></a>
<a target="_blank" rel="nofollow" href="رابط المعلن"><img height="115" alt="banner ads" src="http://cdn.top4top.net/i_648dbe420d1.jpg" width="115" border="0"/></a>
<a target="_blank" rel="nofollow" href="رابط المعلن"><img height="115" alt="banner ads" src="http://cdn.top4top.net/i_648dbe420d1.jpg" width="115" border="0"/></a>
<a target="_blank" rel="nofollow" href="رابط المعلن"><img height="115" alt="banner ads" src="http://cdn.top4top.net/i_648dbe420d1.jpg" width="115" border="0"/></a>
</div>