كيفية اضافة مكان مساحة اعلانية في هيدر بلوجر ؟

بالتأكيد أنك شاهدت العديد من المدونات التي قامت بتثبيت أداة مساحة إعلانية داخل header ، حيث تكمن أهمية استخدام هذه الأداة من أجل عرض إعلانات AdSense من قياس 60×468 . والمعروف بأنه المكان المثالي لوضع الإعلانات الخاصة بك داخل المدونة وكسب المزيد من المال.

كيفية اضافة مكان مساحة اعلانية في هيدر بلوجر ، كيفية إضافة أداة مساحة إعلانية داخل هيدر المدونة بلوجر
كيفية اضافة مكان مساحة اعلانية في هيدر بلوجر

كيفية إضافة أداة مساحة إعلانية داخل هيدر المدونة بلوجر

ربما أنك لا تجد اداة مساحة اعلانية في قالب مدونتك ضمن قسم الهيدر، أو لا تستطيع رؤية "إضافة أداة" JavaScript في تخطيط قالب مدونتك، وهذا طبيعي لأن بعض القوالب لا تحتوي على هذه الميزة أو بالأحرى هذه الأداة الهامة.

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

القسم الأول يحتوي على لوغو المدونة "الشعار"، والقسم الآخر يحتوي على مساحة إعلانية "بانر" من قياس 60×468 لعرض اعلانات ادسنس.

كيفية إضافة مكان مساحة اعلانية في هيدر بلوجر بالشكل الصحيح

لإضافة مكان مساحة اعلانية في هيدر بلوجر بجانب شعار المدونة، اتبع الخطوات التالية:

  1. انتقل إلى اللوحة الرئيسية (لوحة التحكم) .
  2. اذهب الى التخطيط ثم تحرير HTML .
  3. لا تنسى الاحتفاظ بنسخة احتياطية من القالب قبل إجراء أية تعديلات .
  4. قم بعمل توسيع لقوالب عناصر واجهة المستخدم .
  5. إبحث عن الكود التالي باستخدام ( أداة البحث Ctrl + F ) .

/* Header
----------------------------------------------- */


في حال أنك لم تجد هذا الكود في قالب مدونتك بدلاً من ذلك جرب البحث عن هذا الكود :

header#

الآن قم باستبدال الكود أعلاه مع الكود التالي :

/* Header ----------------------------------------------- */ .header-left{ display: inline-block; height: 35px; width: 350px; float: left; } .header-right { display:inline-block; float:right; }

إذا كنت ترغب في تغيير حجم اللوغو الخاص بمدونتك، أي ارتفاع وعرض لوغو المدونة قم بتغيير الحجم الموجود باللون الأزرق من الكود أعلاه.

وإذا كانت مدونتك باللغة الإنكليزية، قم بتغيير مكان اللوغو عن طريق استبدال الكود الذي باللون الأحمر إلي float: left محاذاة لليسار، أو float: right محاذاة لليمين.


الآن قم بالبحث عن الكود التالي في القالب :

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

ملاحظة: قد تختلف الأكواد الموجودة أعلاه قليلاً في بعض القوالب عن بعضها، وأفضل طريقة للعثور على الكود الصحيح هي من خلال البحث عن نصف الكود حتى id='header .

الآن قم باستبدال الكود أعلاه مع الكود التالي :

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

الآن قم بعمل "معاينة القالب"، سوف تجد أن لون الخلفية للمدونة من الرأس ليست مرئية أو أنها مفقودة. ولإعادتها بالشكل الصحيح والمناسب، تابع معي الشرح .


إبحث عن الكود التالي :

</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>

إذا لم تتمكن من إيجاد الكود أعلاه في قالب مدونتك إبحث عن الكود البديل التالي :

<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

الآن قم بلصق الكود التالي أعلاه مباشرة .

<div style='clear:both;'/>

الآن قم بحفظ القالب.

الخطوة الأخيرة انتقل إلى صفحة التخطيط من اعدادات المدونة، لأنك سوف تشاهد هناك أن "إضافة أداة HTML/JavaScript" داخل الرأس المدونة قد ظهرت بشكل سليم، وبدون أخطاء.

حيث يمكنك إضافة الأداة التي تريدها في هذه القطعة مثل الإعلانات وغيرها من الأدوات الأخرى .

أتمنى أن أكون قد وفقت في شرح كيفية اضافة مكان مساحة اعلانية في هيدر بلوجر ، وإذا كان لديكم أي سؤال أو استفسار عن محتوى الموضوع يرجى تركه في تعليق وسأرد عليه في أقرب وقت ممكن إن شاء الله.

أحدث أقدم