طريقة إضافة بنر في هيدر مدونة بلوجر بجانب الشعار

طريقة إضافة بنر في هيدر مدونة بلوجر بجانب الشعار
نقدم لكم اليوم شرح لإضافة بانر في هيدر المدونة بجانب الشعار وهو مكان مناسب جدا لإضافة مساحة إعلانية أو كود أدسنس فهو مكان جاذب للمشاهدة ومناسب للإعلانات وأسعار الضغطات فيه كبيرة
صورة للهيدر قبل الإضافة

صورة للهيدر بعد الإضافة

الطريقة :-
1- سجل الدخول لحساب بلوجر 
2- اذهب الى لوحة تحكم Blogger ثم اضغط قالب ثم اضغط تحرير HTML
3- ابحث عن الكود التالى :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='My Test  Blog (Header)' type='Header'/> </b:section>

4- ضع الكود التالى بعد الكود السابق مباشرة

<b:section id='header-right' showaddelement='yes'/><div style='clear: both;'/>

5- ليصبح الكود كاملا بهذا الشكل

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Test Blog (Header)' type='Header'/>
</b:section><b:section id='header-right' showaddelement='yes'/><div style='clear: both;'/>

الان قد اتممت نصف العملية وهى اضافة سيكشن جديد بمنطقة الهيدر اسفل عنوان المدونة مباشرة , ويبقى الان ان تجعل السيكش الجديد بجانب عنوان المدونة وبالمقاس الذى تريدة بتقنية CSS

1- ابحث عن الكود التالى

]]></b:skin>

2- ضع الكود التالى مباشرة اعلى الكود السابق

#header, body#layout #header {width:30%;display:inline-block;float:right;}

#header-right, body#layout #header-right {width:60%;display:inline-block;float:right;padding:5px;}

#header-right .widget {margin:0;}

الان وبكل سهولة يمكنك وضع البانر او اعلان ادسنس او مربع البحث او ازرار المواقع الاجتماعية او اى شيى تريد

اذهب الى : التخطيط سوف تجد السيكشن الجديد بجوار عنوان المدونة فى منطقة الهيدر  
مقتبس من مدونة كود بلوجر