admin
11-01-2013, بتوقيت غرينيتش 08:11 AM
السلام عليكم
طبعا في كثير من الكود codeات لعرض التبادلات البنرات وهذه احدها لكن بطريقة جميلة http://www.dzbatna.com/images/smilies/icon30.gif
ما عليكم سوا ...
1- نسخ الكود code هذا
رمز Code:
<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://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> </center> <a href="http://cov-fb.blogspot.com/"></a> <p> [email protected] (http://www.cloudflare.com/email-protection)للإعلان هنا يرجى الإتصال بنا </p>
2 - دخول الى لوحة تحكم مدونة blog بلوجر
3 - الذهاب الى تخطيط
4 - اختر المكان الذي ترغب فيه لظهور البنرات
5 - اضافة اداة ثم HTML/JavaScript
6 - اضف الكود code اعلاه ثم حفظ
غير رابط المدونة blog باللون الاحمر الى رابط مدونتكم
مبروك عليكم الظهور الجميل لمدونتكم
للمعاينة lll صور وتصاميم (http://cov-fb.blogspot.com)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
طبعا في كثير من الكود codeات لعرض التبادلات البنرات وهذه احدها لكن بطريقة جميلة http://www.dzbatna.com/images/smilies/icon30.gif
ما عليكم سوا ...
1- نسخ الكود code هذا
رمز Code:
<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://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>اعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> <div class="adss" id="adsanime"> <a href="http://cov-fb.blogspot.com/"> <img src="http://4.bp.blogspot.com/-nr5moC2pvHc/TxHJHe69LlI/AAAAAAAAAqo/gQfrsXpIymc/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div> </center> <a href="http://cov-fb.blogspot.com/"></a> <p> [email protected] (http://www.cloudflare.com/email-protection)للإعلان هنا يرجى الإتصال بنا </p>
2 - دخول الى لوحة تحكم مدونة blog بلوجر
3 - الذهاب الى تخطيط
4 - اختر المكان الذي ترغب فيه لظهور البنرات
5 - اضافة اداة ثم HTML/JavaScript
6 - اضف الكود code اعلاه ثم حفظ
غير رابط المدونة blog باللون الاحمر الى رابط مدونتكم
مبروك عليكم الظهور الجميل لمدونتكم
للمعاينة lll صور وتصاميم (http://cov-fb.blogspot.com)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©