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

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

لاحظت دائما فى مواقع قوالب بلوجر طلبات من زوار المدونة التى تتميز فى
بالقالب الذى يحتوى على اعلان ادسنس بجوار عنوان المدونة بهذا الشكل فى
الصورة , ليصبح هيدر المدونة عبارة عن عنوان المدونة وبنر اعلان ادسنس مثلا
...



<blockquote>
* افضل حجم للبنر فى منطقة الهيدر لمدونات بلوجر 729*90 او 460*60</blockquote>
ايضا يمكن وضع مربع البحث داخل المدونة أو أزرار مواقع التواصل الاجتماعى او بنر خاص بالمدونة
طريقة اضافة بنر فى هيدر المدونة بسيطة جدا وهى عن طريق اضافة سيكشن بهيدر
المدونة والسيكشن عبارة عن إضافة أداة , بعد ذلك يمكنك بسهولة اختيار اى
شكل ترغبه في منطقة الهيدر
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;}

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

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


* يمكن التعديل فى كود css يتناسب مع المدونة