كيفية إضافة بنر اعلاني تحت الهيدر وفوق الفوتر لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته .

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

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

1- ادخل إلى مدونتك ثم اختر لوحة التحكم .

2- من لوحة التحكم اختر قالب ثم اضغط على تحرير قالب .

3- ابحث عن الوسم :  

4- اضف الكود التالي فوقه .

/*Ad Slot widget by http://www.homeblog7.blogspot.com */
.banner, .banner2 {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget,.banner2 .widget {width:970px;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;}
.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
/*Ad Slot widget Layout Design by http://www.homeblog7.blogspot.com */
#layout #banner,#layout #banner2 {background-color:#444;padding:20px 0!important;margin-bottom:20px;}
#layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}

5- بعد ذلك ابحث عن أحد الأسطر التالية :

-

 أو

-  

أو

-

6 - اضف الكود التالي فوق احد الأسطر المتوفرة في قالبك .

<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>

7- بعد ذلك ابحث عن هذا الكود .

<footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
or  <div id='footer-wrapper'>

8- ضع الكود التالي فوقه .

<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
<div class='clear'/>

9 - وأخيراً احفظ القالب .