‫كيفية اضافة بنر في منطقة الهيدر

 

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

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

قد طرحنا قبل ذلك موضوع نتحدث فيه عن اضافة اداءة في هيدر المدونة ولكن الكثير من المدونين قد وجدوا بعض المشاكل في تلك الاضافة فاعند وضع البانر عن طريقه الاداءة يكون البانر امه فوق اوتحت شعار المدونة مما يخرب شكل المدونة  ولذلك سوف اشرح طريقه اخري هي اكثر احترفيه : ودقه لاضافة البانر الخاص بك في جانب الشعار بدون اي مشاكل وسوف تكون النتجية مثل هذه الشكل :

الشرح : 

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>

لكي تظهر معك الاضافة بشكل صحيح تاكد من وجو كلمة no في الكود الذي تبحث عنه اذ وجدت كلمة yes  فاقم بي استبدله بي _ no 

المهم ان يكون شكل الكود يبدا بي

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> 

عند وجودك لذلك الكود

ضع الكود التالى بعده 

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

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

<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;'/>

من ثم قم بي البحث عن
]]></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;}

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