اليوم أريد أن أقدم لكم كود خاص بإعلانات في السايد بار بطريقة مميزة و سهلة الإضافة
, سأضع إن شاء الله الطريقة الخاصة بمدونات ووردبريس و مدونات بلوجر.
في هده الإضافة تظهر بنرات الإعلانات بألوان باهته, و عند المرور فوقها بالماوس
تأخد ألوانها الطبيعية مع ظهور تسمية البنر بطريقة مميزة .
طريقة التركيب :
- ادخل مدونتك .
- ثم التخطيط .
- ثم اختر اداة جديده 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="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div><div class="adss" id="adsanime"><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"><img src="http://www.shy22.com/upfiljpg/ylu08071.jpg" /><strong>أعلن هنا</strong></a></div> </center><a href="http://th3oussama.blogspot.com/2013/06/blog-post_10.html"></a><p> للإعلان هنا يرجى الإتصال بنا </p>
ليست هناك تعليقات:
إرسال تعليق