مساحة اعلانية

موضوع عشوائي

آخر المواضيع

إضافة مربع للإعلانات الترويجية على مدونة بلوجر

 لا يتم استخدام الشريط الجانبي على مواقع المدونات فقط للأدوات التي تدعم محتوى المدونة ، بل أيضا للمساحة الإعلانية التي تعرض شعارات الإعلانات 300 × 250 أو 125 × 125.  يمكنك أيضا استخدام AdSense أو غيرها من لافتات الإعلانات البديلة في الشريط الجانبي.

اضافات بلوجر
إضافة صندوق للإعلانات الترويجية

 عند إضافة شعارات 300 × 250 و 125 × 125 إلى مربع الإعلان ، يجب أن تظهر الشعارات بشكل صحيح ، على سبيل المثال ، حتى لو لم تكن جميع مربعاتك الإعلانية ممتلئة بلافتات إعلانية ، يجب أن تظهر مربعاتك الإعلانية بشكل صحيح.


 في هذه المقالة ، سنشارك كيفية إضافة مربع إعلان بسيط ولكن أنيق بإستخدام CSS و HTML.

شرح طريقة التركيب :

أولاً :

  1. إنضم لأعضاء المدونة من : هنـا
  2. توجه الى لوحة تحكم بلوجر
  3. توجه إلى المظهر - تعديل HTML
  4. ثم ضع الكود التالي فوق  " ]]></b:skin> "

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.banner_box_ads{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px}
.banner_box{background:#ddd;height:125px;width:125px;display:inline;margin:0;padding:0;float:left;position:relative;}
.banner_box:nth-child(1),.banner_box:nth-child(3){margin-right:16.6666666667px}
.banner_box:nth-child(1),.banner_box:nth-child(2){margin-bottom:16.6666666667px}
.banner_box a{position:relative;display:block;z-index:2}
.banner_box img{object-fit:cover}
.banner_box:before{content:"125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#444;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.banner_300{width:300px;height:250px;}
.banner_box.banner_box-300:nth-child(1){margin-right:0;margin-bottom:0;}
.banner_box_ads.box_widget{padding:0;}
.banner_300:before{content:"300x250";}
.clear{clear:both;}

ثانياً :

  1. توجه إلى التخطيط
  2. تم ضع الكود التالي داخل اداة جديدة " Html/Javascript " في اي مكان تراه مناسبا

<div class="banner_box_ads box_widget">
<div class="banner_box banner_300">
<!-- 300x250 banner alanı -->
<a href="أضف رابط الإعلان الخاص بك" target="_blank" rel="nofollow noopener" title="عنوان الصورة">
<img src="أضف رابط الصورة" alt="نص الصورة" title="عنوان" height="250" width="300"/></a>
</div>
<div class="clear"/>
</div>
<div class="banner_box_ads">
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="أضف رابط الإعلان الخاص بك" target="_blank" rel="nofollow noopener" title="عنوان الصورة">
<img src="أضف رابط الصورة" alt="نص الصورة" title="عنوان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="أضف رابط الإعلان الخاص بك" target="_blank" rel="nofollow noopener" title="عنوان الصورة">
<img src="أضف رابط الصورة" alt="نص الصورة" title="عنوان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="أضف رابط الإعلان الخاص بك" target="_blank" rel="nofollow noopener" title="عنوان الصورة">
<img src="أضف رابط الصورة" alt="نص الصورة" title="عنوان" height="125" width="125"/></a>
</div>
<div class="banner_box">
<!-- 125x125 banner alanı -->
<a href="أضف رابط الإعلان الخاص بك" target="_blank" rel="nofollow noopener" title="عنوان الصورة">
<img src="أضف رابط الصورة" alt="نص الصورة" title="عنوان" height="125" width="125"/></a>
</div>
<div class="clear"/>
</div>

وأخيراً قم بتعديل الكتابة بما يناسبها.

الكــاتــب

    • مشاركة

ليست هناك تعليقات:

جميع الحقوق محفوظة لــ فلاما للمعلوميات 2019 ©

بضغطة زر تدعمنا وتشارك الفائدة