[التدوينة 07] شرح طريقة بنر في منطقة الهيذر

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

بنر في منطقة الهيذر 

 

 

 

 

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

الشرح : 

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;}

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

 

 

 

المصدر مدونة :يومياتي 4 تك

 

http://yawmiyati4tech.blogspot.com/2014/08/banner-in-header-to-blogger.html