كود رائع جدا لتبادل الإعلاني لمدونات بلوجر

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

خطوات التركيب هي سهلة جدا كما العادة:

1 إذهب للوحة التحكم 

2. ثم تخطيط 

3.عناصر الصفحة

4. أضف اداة

6.إختار  Html/Javascript

<div class="widget-content"> <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="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا </b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> <div class="adss" id="adsanime"> <a href="#"target='_blank'> <img src="http://im25.gulfup.com/cMT41.jpg" original="http://im25.gulfup.com/cMT41.jpg" style="display: inline-block;" /> <b>اعلن هنا</b></a> </div> </center> <br /></div>