ادوات مهمة في بلوجر كود التتبادل الاعلاني

ادوات مهمة في بلوجر كود التتبادل الاعلاني

ادوات مهمة في بلوجر كود التتبادل الاعلاني

السلام عليكم في هذا اليوم سوف نضيف كود التبادل الاعلاني حيث يعتبر من 
اهم لرفع مستوى المدونة والحصول على زيارت ورفع مستواك في موقع الاكسا
نبدأ على بركة الله
1- نذهب الى لوحة التحكم 
2- ومن ثم نذهب الى التخطيط 
3- نضيف اداة جديدة وهي : HTML/Javascript
نضع هذا الكود  ونقوم بالحفظ


<style>
.Mstaphabouh-Ads ul{
list-style-type:none;
margin: 0px auto;
padding: 10px 0px 10px 0px;
width:300px;
overflow:hidden;
}
.Mohamed-Ads ul li{
list-style-type:none;
margin: 0px 5px 10px 5px;
float:left;
display:inline;
background:orange;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-o-border-radius:100%;
}
.Mohamed-Ads ul li:hover {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-o-border-radius:15%;
-webkit-border-radius:15%;
-moz-border-radius:15%;
border-radius:15%;
}
.Mohamed-Ads ul li:active {
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-o-border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.Mohamed-Ads ul li a img{
-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);
box-shadow:0 0 8px rgba(0,0,0,0.5);
padding:3px;
}
</style>
<div class="Mohamed-Ads">
<ul>
<li style="background:#e42b2b !important;">
<a href="رابط المعلن" rel="nofollow"><img height="125" src="رابط صورة المعلن" width="125" /></a></li>
<li style="background:#FFE500 !important;">
<a href="رابط المعلن" rel="nofollow"><img height="125" src=" رابط صورة المعلن" width="125" /></a></li>
<li style="background:#a800ff !important;">
<a href="رابط المعلن" rel="nofollow"><img height="125" src=" رابط صورة المعلن" width="125" /></a></li>
<li style="background:#41d05f !important;">
<a href="رابط المعلن" rel="nofollow"><img height="125" src=" رابط صورة المعلن" width="125" /></a></li>
</ul>
</div>
<!--CSS Hover Effects To 125x125 Advertisement Banners—>
<!--CSS Hover Effects To 125x125 Advertisement Banners—>
<!--CSS Hover Effects To 125x125 Advertisement Banners—>
<!--CSS Hover Effects To 125x125 Advertisement Banners-->
في امان الله 

اشترك في آخر و احدث المقالات عبر البريد الإلكتروني :

1 رد على "ادوات مهمة في بلوجر كود التتبادل الاعلاني"

اضف تعليقأ مناسباً عن الموضوع .. ونرد عليكم في اقرب وقت ( تعليقك يسعدني :) )

الإعلانات أعلى المقالات

الإعلان المركزي المادة 1

الإعلان المركزي المادة 2

اعلانات أسفل المقالات