- Back to Home »
- كود التبادل الاعلاني بشكل جذاب
Posted by : عاشق التصميم
الخميس، 29 أغسطس 2013
السلام عليكم ورحمة الله
اليوم اضع بين ايديكم كود التبادل الاعلاني لمدونات بلوجر
لكي لا اطيل عليكم في الشرح
اولا لمعاينة الاضافه
اذا اعجبتك الاضافه وتريد تركيبها
اولا اذهب الي التخطيط
ثم قم باضافة اداه
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://3ash2design.blogspot.com/">
<img src="http://im35.gulfup.com/DRDgQ.gif" />
<strong>مدونة عاشق التصميم</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>أعلن هنا</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>اسم المدونة</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>اسم المدونة</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>اسم المدونة</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>اسم المدونة</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>اسم المدونة</strong></a>
</div>
<div class="adss" id="adsanime">
<a href="http://3ash2design.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDE4kwGNY6CTAHIWrll7p3U40C2Xiibed9E7QQ9AXEIpZyIk2ZbMZqOX1L4Ev1R_QXlFXzuzsq7RnmsQu5jJ8_G4NjpsiuphXZuoIbeGeuNoOoNTTiaVeqUf5tUGP_2vvlNIsC6DqvkF_U/s1600/adschange_125-125.jpg" />
<strong>اسم المدونة</strong></a>
</div>
</center>
<a href="http://www.3ash2design.blogspot.com/"></a>
للإعلان هنا يرجى الإتصال بنا <br />
<br /></div>
قم بتغيير ما باللون الاحمر برابط المدونة
واللون الازرق
برابط البنر
واللون الاسود "اسم المدونة"
لاتبخل علينا بكلمة شكر
1 Comments
html ??
ردحذف