بسم الله الرحمن الرحيم
كما عودناكم اعضاء وزوار مدونة انتا الكسبان على كل جديد فى عالم التطوير على البلوجر فان موضوع درس اليوم هو اضافة اداة التبادل الاعلانى بشكلة الخرافى والحديث والمتحرك فى مدونات البلوجر الخاصة بكم بشكل جميل و
جذاب و يضفي أناقة و مظهر إحترافي لمدونتك على بلوجر .. حتى لا اطيل عليكم اترككم مع هذه الاضافة الجميلة و الاسرع فى التركيب .
طريقة اضافة الاداة
قم بالذهاب إلى لوحة التحكم > عناصر الواجهة > إضافة عنصر جديد >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-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.adss img {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 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="http://arabe-eye.blogspot.com">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://a7trafy.blogspot.com">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="/">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="/">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://arabe-eye.blogspot.com">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://a7trafy.blogspot.com">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="/">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="/">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="">
<img src="http://dc598.4shared.com/img/-dM-oyydba/s3/143793e90a0/___online.gif" />
<strong>اعلن هنا</strong></a>
</div>
</center>
وغير ما يلزمك حتى يناسبك
لو عندك اى استفسار ضع تعليق بــه ولا تتردد التعليق مجانى بدون اشتراك
اسف نسي اضيف ملحوظة صغيرة لو عاوز تضيف بنرات اكتر قم بتكرار الكود التالى:من السطر الــ40 : 45
ردحذفكل هذا الكود لاضافة بنر واحد زيادة لو عاوز تضيف اكتر كرر الكود على اد العدد اللى انتا عوزة .
وشكرا