السلام عليكم أقدم لكم طريقة لعمل تبادل اعلاني أولا عليك إتباع هذه الطرق البسيطة و أيضا يمكنك تحويل هذا التبادل الإعلاني الى مساحة اعلانية فالفرق بين التبادل الإعلاني و المساحة اعلانية أن التبادل الإعلاني مجاني و هو يكون في مدونتين أما المساحة الإعلانية فهي بالثمن و تكون في مدونة اعلانية فقط ... تابعو معي
مميزات هذا الكود :
- صورة مشعة عند مرور الماوس يظهر اسم الموقع و كذلك الصورة واضحة
- جذاب جدا و رائع
أولا اتجه الى بلوجر ثانيا الى التخطيط
قم بوضع أداة جديدة من نوع 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"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>اعلن هنا</strong></a> </div><div class="adss" id="adsanime"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong> أعلن هنا</strong> </a></div><div class="adss" id="adsanime"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div><div class="adss" id="adsanime"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div><div class="adss" id="adsanime"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong> </a></div><div class="adss" id="adsanime"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong> </a></div><div class="adss" id="adsanime"><a href="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div><div class="adss" id="adsanime"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div><div class="adss" id="adsanime"><ahref="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkJ8PuYIKi1HIYyghbqPIQ6EsKP2LacPTpGSIw0nCzYDVx3oYMvWInqE50lZ_Jn8ZeO5-4RudDQHJLw9d_MWAHD_mfExu38dc5n0nLhRQGJx5lpoWCI9YP7mho8Yp4aS2_2D_ghQ_GVXOL/s1600/adschange_125-125.jpg" /> <strong>أعلن هنا</strong></a> </div></center><a href="http://theprofessionelblog.blogspot.com/p/blog-page_3464.html"></a>
الشرح :
اللون الأصفر و هو رابط صورة البنر
اللون الأحمر وهي الكلمة التي تظهر عند مرور الماوس
اللون الأزرق و هو الرابط الذي نذهب اليه ( رابط الموقع ) عند الضغط على البنر
منقول مدونة المحترف
إرسال تعليق