اضافة التبادل الأعلاني لمدونتك في البلوقر

اضافه التبادل الاعلانى او مواقع صديقه لا غنى عنها فى كل مدونات بلوجر

تتميز اضافة التبادل الاعلانى بالشكل الجذاب وسهوله التعديل كما تتميز

ايضا بتاثيراتCSS الرائعه عند مرور الماس على الاعلان

طريقة الاضافة :

1 - قم بالدخول إلى لوحة التحكم
2 - ثم التخطيط
3 - ثم أضافة HTML/JavaScript
ثم ضع بها الكود:

<style>
#advertise{
margin: auto;
}
.adss { list-style:none; margin-top:5px auto; margin: 0 1px 2px 1px; display:inline-block; text-align: center; }
.adss a { display:block; width:75px; height:75px; padding-right:0px; padding-top: 3px; position:relative; text-decoration:none; }
.adss a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.adss img { max-height: 75px; max-width: 75px; }
#adsanime:hover { opacity:0.2; }
#adsanime a strong {
-webkit-transition-property: opacity;
-webkit-transition-duration: 500ms;
-moz-transition-property: opacity;
-moz-transition-duration: 500ms; }
#adsanime a strong {
opacity:0;
-webkit-transition-property: opacity, top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top;
-moz-transition-duration: 300ms; }
#adsanime {
opacity:0.5;
-webkit-transition-property: opacity, top;
-webkit-transition-duration: 300ms;
-moz-transition-property: opacity, top;
-moz-transition-duration: 300ms; }
#adsanime:hover { opacity:1; }
#adsanime:hover a strong { opacity:1; top:-10px; }
</style>
<center>
<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>

<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div>

<div class="adss" id="adsanime">
<a href="####">
<img src="http://b.top4top.net/p_76ys3k1.jpg" />
<strong>أعلن هنا</strong></a>
</div> </center>