yalla Anime: اضافة كود التبادل الاعلانى صوري بشكل رائع جدا واحترافي

14‏/10‏/2015

اضافة كود التبادل الاعلانى صوري بشكل رائع جدا واحترافي

8:13 م | مرسلة بواسطة Unknown | تعديل الرسالة

{prof_tech}

كثير من المدونات التي تستخدم التبادل الاعلاني حيث يلعب التبادل الاعلاني دور كبير في زيادة زوار المدونة و غيرها واليوم اقدم لكم كود التبادل الاعلانى صوري بشكل رائع جدا CSS 3 وهذا سيعطي شكل رائع وجذاب للمدونة والقالب بهذا الشكل .

طريقه التركيب

اذهب الى لوحة التحكم ببلوجر ثم الى تخطيط ثم اضافه اداة 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-duraنtion: 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://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>اعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong> أعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div>
<div class="adss" id="adsanime">
<a href="http://al-etqan.blogspot.com/p/blog-page_24.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGeDUA16QONTMbrO-cQ-mJxokpVkMYF0Zjnpjwgd3b58Kq82P31rC2nXPzvjY2yUVPj1GZae9kjlTQPi6fA6kva0L2hmhJR2yfEpxAjkTM0CvKshA8kmyzvck7VWqBRXXBdSfk8cqtIgBj/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div>
</center>
<a href="http://add-b.blogspot.com/"></a>

التسميات:اضافات بلوجر

0 التعليقات:

إرسال تعليق

الاشتراك في: تعليقات الرسالة (Atom)