إضافة أداة التبادل الإعلاني الصوري بشكل إحترافي

مرحبا بكل زوار و متابعي مدونة محترفي الإعلاميات

اليوم نقدم لكم إضافة رائعة والمتمثلة في أداة التبادل الإعلاني البنري أو الصوري ومن أهم مايميز هذه الأداة 

عند التمرير على أي صورة يتغير مؤشر الماوس إلى الشكل الرائع الذي يضهر في الصورة بالإضافة إلى إتخاذ الصورة شكل دائري عند التمرير عليها وتزداد شدة وضوحها

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

ننتقل الآن إلى طريقة التركيب

لتركيب الأداة إذب من الصفحة الرئيسية في بلوجر إلى

التخطيط >> إضافة أداة>> HTML/JAVASCRIPT

ثم ألصق فيها الكود التالي
 

<center> <font color="#E7C032"></font> <style> #advertise{ margin: auto;cursor:url("//ar1web-com.googlecode.com/svn/Hm/cursormicky.png"), pointer; } .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 {cursor:url("//ar1web-com.googlecode.com/svn/Hm/cursormicky.png"), pointer; 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 target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> <div class="adss" id='adsanime'> <a target="_blank" href="http://infospaace.blogspot.com/p/blog-page_2.html"> <img src="https://hi-tech.googlecode.com/svn/photos/%D8%A7%D8%B9%D9%84%D9%86-%D9%87%D9%86%D8%A7.png" /> <b>ضع اعلانك هنا</b></a> </div> </center> </center>

ثم قم بتغيير الروابط بما يناسبك وإحفض الأداة

أتمنى أن تكونو قد إستفدتم

لاتنسو ترك تعليق مشجع لنا

دمتم في رعاية الله