معهد خبراء بلوجر - إضافة آداة جديد في الهيدر

http://3.bp.blogspot.com/-bt52cvElad...ggr-header.jpg

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

معاينة

طريقة تركيب آداة جديد في الهيدر

داخل القالب نبحث عن هذا الكود

<b:section class='header'

بعده با أسطر قليلة ستجد وسم الاغلاق وهو هذا الوسم

</b:section>

نضيف أسفله الكود التالي

كود بلغة HTML:

<div class='blloggr-header'>

<b:section class='blloggr-header-left'

id='blloggr-header-left' maxwidgets='1'

showaddelement='yes'>

</b:section>

</div>

<!-- /blloggr-header -->

<div style='clear: both'/>

وهذه صورة للتوضيح أكثر

http://2.bp.blogspot.com/-0lMgiUt7ag...ggr-header.jpg

بعد تركيب الجزء المهم هناك أمر اضافي وهو كود ستضيفه فوق الوسم

]]></b:skin>

كود بلغة HTML:

.blloggr-header {

position: relative;

width: 100%;

}

#header {

padding: 0;

margin:0;

overflow:hidden;

float:right;

width:35%;

}

#blloggr-header-left {

padding: 0;

margin:0;

overflow:hidden;

float:left;

width:65%;

}

المصدر : مدونة بلوجر