اضافة اعلانات ادسنس بجانب الهيدر للبلوجر


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



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

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;}
اذهب الى : التخطيط سوف تجد السيكشن الجديد بجوار عنوان المدونة فى منطقة الهيدر  

تعليقات

  1. ممتاز جدا علي هذا الشرح وشكرا لك

    http://alyomtop.blogspot.com/

    ردحذف
  2. غير معرف3/19/2013

    طبقت الطريقة ونجحت معي بوركت
    عمل جميل من شخص اجمل

    ردحذف
  3. www.failkhair.blogspot.com

    ردحذف
  4. للاسف بتعمل مشكله فى الصفحه الرئيسيه ... " عفوآ لقد حدث خطأ .. مش نافعه معايا ياريت لو طريق تانيه

    ردحذف
    الردود
    1. اخي ضع الكود الاخير بعد ]]> و ليس قبله
      انا نجحت معي

      حذف
  5. تسلم

    http://t-ksas.blogspot.com/

    ردحذف
  6. غير معرف1/01/2014

    ممتاز
    http://www.sfr24.com/all_articale.php

    ردحذف
  7. شكرا على الإفادة و الشرح الجميل
    و للمزيد http://th3easyway.blogspot.com/

    ردحذف
  8. جزاك الله خيرآ

    ردحذف
  9. لقد قمت بنفس الخطوات لكن الإعلان يظهر باليمين و المفروض ان يظهر باليسار و الشعار باليمين المرجو شرح طريقة تقسيم الهيدر www.emploisafi.blogspot.com

    ردحذف
  10. اخي الاعلان لايظهر بصوره كامله في الهيدر؟؟ ما السبب

    ردحذف
  11. تسلم
    http://ma3lomiiat-sa.blogspot.com/

    ردحذف
  12. غير معرف1/30/2015

    شكرا
    http://tech-shortly.blogspot.com/

    ردحذف
  13. غير شغال !

    ردحذف
  14. شكرا ,,,
    www.al-ma3loma20.blogspot.com

    ردحذف
  15. غير معرف3/28/2015

    في الهيدر ما في عندي 'b بتيجي بدون فاصله

    ردحذف
  16. شكرا لك
    www.ikoo-like.com

    ردحذف
  17. شرح جميل جدا ومميز
    www.kooranews.net

    ردحذف
  18. ممتاز http://koooora-online-tv.blogspot.com/

    ردحذف
  19. وكيف يمكنني حذف الاعلان من الهيدر

    ردحذف
  20. http://esmail-hamdi.blogspot.com/

    ردحذف
  21. http://worldcom.tk/

    ردحذف
  22. http://beinsoft1.blogspot.com/

    ردحذف
  23. غير معرف2/29/2016

    روووووووووووعة

    ردحذف
  24. مدونة محترف التقنية


    http://techniproffe.blogspot.com/

    ردحذف
  25. شكرا تم التطبيق

    ردحذف
  26. شكرا تم التطبيق
    http://infospaace.blogspot.com

    ردحذف
  27. شكرا ضبطت معي الطريقة يمكنكم مشاهدة النتيجة في المدونة بارك الله فيك أخي على الشرح الجميل

    ردحذف
  28. غير معرف8/13/2016

    بارك الله فيك اشتغلت بدون مشاكل

    ردحذف
  29. لم اجد هذا الكود

    ردحذف

  30. http://shomane.blogspot.com/

    http://chemnees.xtgem.com/


    https://abjdhoaz11.blogspot.com/

    https://chemnees1.blogspot.com/

    https://abjdhoaz2.blogspot.com/

    https://chemnees12.blogspot.com/

    https://abjdhoaz13.blogspot.com/


    صور مناقل مشبات
    ديكورات مشبات
    ديكورات مشبات مودرن

    ديكورات مشبات فخمه

    ردحذف


  31. صور تفصيل خيام ملكيه


    https://abjdhoazz.blogspot.com/p/blog-page_23.html


    خيام ملكية

    https://abjdhoaz200.wordpress.com/%D8%AE%D9%8A%D8%A7%D9%85-%D9%85%D9%84%D9%83%D9%8A%D9%87/



    صور خيام ملكية الرياض

    https://5fadb2f53ab30.site123.me/


    خيام

    http://abjdhoaz901.blogspot.com/


    صور خيام ملكية

    https://abjdhoaz9005.blogspot.com/


    تسوق أفضل انوع خيام

    https://abjdhoaz602.blogspot.com/


    خيام جديدة

    http://chemnees21.blogspot.com/


    خيام للمنازل

    صور خيام للمنازل

    خيام لاحواش المنازل

    بيت شعر ملكي خيام


    https://sites.google.com/view/abjdhoaz13/




    صور ديكور خيام داخلي

    https://sites.google.com/view/abjdhoaz212/



    ديكورات خيام مودرن

    https://sites.google.com/view/abjdhoaz11121/





    صور ديكورات خيام مودرن


    https://abjdhoaz814666.wordpress.com/


    خيام ملكية

    https://sites.google.com/view/abjdhoaz11121/


    صور خيام ملكية

    ردحذف
  32. https://sites.google.com/view/abjdhoaz8888/%D8%B5%D9%88%D8%B1-%D8%AF%D9%8A%D9%83%D9%88%D8%B1%D8%A7%D8%AA-%D8%AE%D9%8A%D8%A7%D9%85-%D9%85%D9%86%D8%B2%D9%84%D9%8A%D8%A9

    ردحذف

إرسال تعليق