كيفية اضافة التبادل الاعلاني المتطور بطريقة احترافية وحصرية على مدونة التقنية برو

السلام عليكم ورحمة الله تعالى وبركاته

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

لكن وجدت الاشكال قديمة وغير مجدية 

فبحثت ولم تجد الا الاشكال الغير لائقة

الان احظرنا لكم شكل جميل واحترافي

مع طريقة التركيب 

اولا نستعرض اهميتها:

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

ابرزها انه يمكنك بيع مساحات اعلانية

اذا كان موقعك جيد ويمكنك عمل تبادل

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

الى اعلى الامكنة في محركات البحث 

وترتيب الاليسكا 

اول شيئ نتوجه الى القالب 

ثم التخطيط 

وبعدها نختار اداة html/javascript

ونلصق الكود التالي

<center><font color="#E7C032">تبادل الاعلاني</font>
<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="http://www.alam3arb.com/"> <img src="http://www.shy22.com/upfilpng/98p04881.png " /> <strong>ضع اعلانك هنا</strong></a> </div> <div class="adss" id='adsanime'> <a href="http://www.alam3arb.com"> <img src="http://www.shy22.com/upfilpng/98p04881.png " /> <strong>ضع اعلانك هنا</strong></a> </div> <div class="adss" id='adsanime'> <a href="http://www.alam3arb.com"> <img src="http://www.shy22.com/upfilpng/98p04881.png" /> <strong>ضع اعلانك هناr</strong></a> </div> <div class="adss" id='adsanime'> <a href="http://www.alam3arb.com/"> <img src="http://www.shy22.com/upfilpng/98p04881.png" /> <strong>خبير ادد فلاى</strong></a> </div> <div class="adss" id='adsanime'> <a href="http://www.alam3arb.com/"> <img src="http://www.shy22.com/upfilpng/98p04881.png" /> <strong>ضع اعلانك هنا</strong></a> </div> <div class="adss" id='adsanime'> <a href="alam3arb.com"> <img src="http://www.shy22.com/upfilpng/98p04881.png" /> <strong>ضع اعلانك هنا</strong></a> </div> <div class="adss" id='adsanime'> <a href="http://www.alam3arb.com" /> <img src="http://www.shy22.com/upfilpng/98p04881.png" /> <strong>ضع اعلانك هنا</strong></a> </div> <div class="adss" id='adsanime'> <a href="http://www.alam3arb.com"> <img src="http://www.shy22.com/upfilpng/98p04881.png" /> <strong>ضع اعلانك هنا</strong></a> </div> <div class="adss" id='adsanime'> <a href=http://www.alam3arb.com"> <img src="http://www.shy22.com/upfilpng/98p04881.png" /> <strong>ضع اعلانك هنا</strong></a> </div> </center></center>

****************

ونغير :

1/ظع اعلانك هنا: اسم الموقع

2/http://www.shy22.com/upfilpng/98p04881.png:نغيرها برابط الاعلان

3/http://www.alam3arb.com/ نغيرها برابط الموقع المراد اظهاره

********************

وبهذا نكون قد وضعنا خاصية التبادل الاعلاني المتطور بشكل جذاب وانيق لعام 2015 

اتمنى ان التدوينة اعجبتكم 

وارجوا وضع تعليق محفز 

وشكرا مجدد