اضافة بنر عريض بجانب عنوان مدونة بلوجر بتقنية CSS
لاحظت دائما فى مواقع قوالب بلوجر طلبات من زوار المدونة التى تتميز فى بالقالب الذى يحتوى على اعلان ادسنس بجوار عنوان المدونة بهذا الشكل فى الصورة , ليصبح هيدر المدونة عبارة عن عنوان المدونة وبنر اعلان ادسنس مثلا ...* افضل حجم للبنر فى منطقة الهيدر لمدونات بلوجر 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>
<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;'/>
الان قد اتممت نصف العملية وهى اضافة سيكشن جديد بمنطقة الهيدر اسفل عنوان المدونة مباشرة , ويبقى الان ان تجعل السيكش الجديد بجانب عنوان المدونة وبالمقاس الذى تريدة بتقنية 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 يتناسب مع المدونة
مشكور و جزاك الله خيرا
ردحذفAbdouBatna.blogspot.com
ما شاء الله عليك ,, أحسنت :)
ردحذفالسلام عليكم
حذفشكرا لك اخى اسلام واهلا بك فى مدونتك كود بلوجر
لا استطيع الضغط على اضافة اداه فى السيكشن الجديد
ردحذفالسلام عليكم .. اخى لا افهم ماذا تقصد بعدم الضغط على اضافة اداة فى السيكشن الجديد ... لحل هذة المشكلة يجب عليك اخذ نسخة من القالب وارسالها لى حتى استطيع تحديد سبب المشكلة والعمل على حلها ..
ردحذفقوالب بلوجر المخصصة تحتوى غالبا على اخطاء فى اكواد التصميم مما يؤدى الى عمل المدونة بشكل غير مستقر ( كما هو الحال عندك . عدم تمكنك من اضافة اداة )
عموما انا مستعد لتقديم المساعدة فى وقت لزوار مدونة كود بلوجر
انتظر ردك للعمل على حل المشكلة الخاصة باضافة بنر بجوار عنوان المدونة بلوجر
اتمنى لك التوفيق
انا عملت الخطواط كلها بالظبط بس مفيش كود ظهر جديد لاضافة اداة بجوار بانر عنوان المدونة
ردحذفالسلام عليكم , فى بعض قوالب بلوجر قد تجد السيكشن اسفل الهيدر وليس بجوارة . , بمعنى اخر بعد اكمال كافة الخطوات السابقة اذهب الى تخطيط المدونة وقم باضافة اداة وضعها اسفل منطقة الهيدر
حذفيارب تكون الفكرة وصلت
ويبقى الان ان تجعل السيكش الجديد بجانب عنوان المدونة وبالمقاس الذى تريدة بتقنية CSS
ردحذفكيفية تغير المقاس والتعديل علية ؟ ممكن تحدد ما يجب ان يتغير فى هذا الكود؟
السلام عليكم
حذفwidth:30% حجم عرض عنوان ووصف المدونة
width:60% حجم عرض البنر بجوار عنوان المدونة
اذا اردت تخصيص اى شيى لتتناسب مع المدونة فقد اعلمنى ذلك :)
السلام عليكم ورحمة الله وبركاته
ردحذفاخي الكريم انا عندي قالب فيه هذه الخاصية لكن اود تكبير الصورة التي ستظهر في المدونة يعني معرفة مكان هذه الخاصية في كود المدونة
لم تنجح معي
ردحذفالسلام عليكم
حذفاخى الكريم ارجو معرفة البيانات التالية لمساعدتك على اكمال اضافة الاداة بشكل سليم
نوع قالب بلوجر .. افتراضى ام مخصص
لغة المدونة عربى ام انجليزى
حجم البنر الذى تريد اضافة
؟ ؟ ؟
مشكور على الموضوع
ردحذفelectro-media.blogspot.com
موضوع رائع وشكرا... مدونة أحسن تهييئ تهم مختلف المواضيع التي تخص حياتك المعلوماتية. بالإضافة إلى اخبار التكنولوجيا والإعلاميات على مدار الساعة... لاتترددو في زيارتها
ردحذفwww.TOPpreparation.blogspot.com
شكرا علي الشرح الممتاز
ردحذفhttp://alyomtop.blogspot.com/
مشكور اخي على المساعدة لكن أحتاج أن تساعدني فالاعلان ينزل الى اسفل اللوغو
ردحذفالسلام عليكم
حذفاخى الكريم قد تواجة هذة المشكلة عند عدم تمكنك من اعداد مسافات العرض الخاصة بالبنر واللوجو فتحدث هذة المشكلة
ارسل لى الكود الذى استخدمتة حتى اتمكن من معرفة مكان المشكلة والعمل على حلها فورا او ارسل لى عنوان المدونة
عموما حاول تغيير هذا الرقم 30% الى 20%
وتغيير ايضا هذا الرقم 5px الى 0px
بالتوفيق ان شاء الله
بارك الله فيك اخي انا أستعمل قالب الحرية الاخباري والمستخ
حذفم في موقع فناجيل
يمكنك تحميله من هنا http://www.mediafire.com/?96gfbk8hg4f1o6o
اخي انا استعمل قالب الحرية للاخبار المستعمل في موقع فناجيل فهل تساعدني لاضافة بانر افقي كبير جوار اللوغو حيث يكون البانر يسار اللوغو
ردحذفهل الامر صعب كثيرا لهذه الدرجة يا اخي
ردحذفالاخ الكريم / المعلم .. السلام عليكم ورحمة الله وبركاتة
حذفاعتذر عن تاخرى فى الرد ,, الموضوع بسيط جدا وليس بة اى تعقيد وبامكانك اضافتة فى خطوتين فقط ,, لكى اتمكن من مساعدتك وضحلى المشكلة معاك اية بالضبط واذا كان القالب بتاعك مش نموذج بلوجر الافتراضى اذا اكيد سوف تواجة بعض العقبات ,, ولكن برضة العملية هتم فى خطوتين فقط
المهم لو تبعتلى عنوان المدونة عشان اقدر اطلع على القالب واكتشف الاختلاف فى كود القالب بينة وبين القالب الافتراضى الذى قمت بتوضيح الشرح على اساسة
بالتوفيق ان شاء الله
مشكور اخي كود على سعة صدرك ما أريده بالضبط هو وضع اعلان افقي لأدسنس يكون كبيرا من حجم 728x90 ويكون منحازا الى اليسار بينما اللوغو صغير مثلا 200x90 ومنحازا الى اليمين عنوان مدونتي هو http://moaalim.blogspot.com/
حذفوأستعمل قالب الحرية الاخباري شكرا مرة اخرى سيدي الكريم
السلام عليكم ... ممكن يكون سبب عدم ظهور الاعلان فى الهيدر هو عدم ضبط مساحات الاعلان و اللوجو وهذا يمكنك عملة بسهولة :
حذفقم بتغيرر القيم التالية فى الكود الخاص ب CSS
5px قم بتعديلة الى 0px
30px قم بتعديلة الى 20px
60px قم تعديلة الى 75px
هذا حل وهناك حل اخر وهو زيادة عرض المدونة لتستوعب حجم البنر الاعلانى بجوار اللوجو
بالتوفيق ان شاء الله
اشكرك جزيلا بالفعل ظهر السيكشن الجديد
ردحذفولكن هناك ملحوظة عندما اضع كود الاعلان لايظهر ولكن عندما احرك المربع الاعلانى لمنطقة اخرى غير الهيدر يظهر الاعلان مش عارف ليه
السلام عليكم ... ممكن يكون سبب عدم ظهور الاعلان فى الهيدر هو عدم ضبط مساحات الاعلان و اللوجو وهذا يمكنك عملة بسهولة :
حذفقم بتغيرر القيم التالية فى الكود الخاص ب CSS
5px قم بتعديلة الى 0px
30px قم بتعديلة الى 20px
60px قم تعديلة الى 75px
هذا حل وهناك حل اخر وهو زيادة عرض المدونة لتستوعب حجم البنر الاعلانى بجوار اللوجو
بالتوفيق ان شاء الله
شكرا جزيلا على سرعة الرد
حذفولكنى دخلت على ال cssوجدتها فارغه كمابالصوره التاليه
http://img05.arabsh.com/uploads/image/2013/01/23/0d30404360f305.jpg
السلام عليكم
حذفهذا هو كود CSSالذى كنت اقصدة
#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 من لوحة تحكم بلوجر ,, المهم قم باضافة وتغيير القيم كما وضحتها بالتعليق السابق
بالتوفيق
يا اخ ابوس ايدك والله العظيم ما لقيت الكود الاولانى نهاااااااااااااااااائيا ايش الحل
ردحذفمشكوووووووور لكن لددى مشكلة
ردحذفبحثت عن الكود والله ولم اجده ما الحل هل ارسل لك نسخة تعديل عليها ام ماذا ؟؟؟؟؟؟؟؟؟؟؟؟
اخى الفاضل طيب انا ما لقيت الكود الاولانى شو اعمل ؟؟؟؟؟؟؟؟؟؟؟؟؟؟ ارجو الرد سريعا
ردحذفالاخ احمد على , السلام عليكم ورحمة الله وبركاتة
ردحذفبخصوص مشكلة تركيب الاداة على القالب الخاص بك ,,, اكيد انت بتستخدم قالب مخصص وليس افتراضى وهنا تظهر المشاكل ولكن رغم ذلك الحل بسيط :
اولا ارسل لى نسخة من القالب الخاص بك حتى استطيع تحديد الكود داخل القالب لتتمكن من التعديل علية
من دون نسخة من القالب اسف مش استطيع مساعدتك للاسف
تقدر تراسلنى بنسخة القالب على البريد الالكترونى الخاص
egx.msm@gmail.com
ومن فضلك عرف نفسك والمشكلة من خلال عنوان الرسالة حتى استطيع تمييزها والرد عليك
شكرا
السلام عليكم اخى اريد بعض التعديلات على هذا الكود المشكله معى ان هيدر المدونه غير كامل بمعنى ان تصميمه قبل اول الصفحه بمسافه وعندما اضع الالبانر يظهر بين الهيدر والجزء الخارجى عن الاهيدر لذلك ارغب ان يكون البانر بداخل الهيدر وليس منتصفه فى الداخل والنصف الاخر بالخارج ارجو الافاده وشكرا
حذفالسلام عليكم الاخ / غير معروف اهلا بك
ردحذفياريت تبعتلى نسخة من القالب او حتى سكرين شوت لتحديد المشكلة ومعرفة طريقة حلها
egx.msm@gmail.com
fhgj,tdr hk ahx hggi
هل أرسل لك القالب لتقوم بحل هذه المشكلة من فضلك
ردحذفمشكور اخى الكريم
ردحذفمشكور اخي
ردحذفhttp://shamil4dev.blogspot.com/
السلام عليكم
ردحذفجزاك الله خيرا اخى على الموضوع الجميل
نفعنا الله واياك بكل خير ونفع بنا العباد
تحياتى لجهدك الطيب
صور مشبات
http://shomane.blogspot.com/
http://mchabat.3abber.com
شكرا لقد نجحت معي
ردحذفهذا رابط مدونة البرمجيات العالمية المتطورة
http://globalsoftwarecollector.blogspot.com/
شكرا لك تم التطبيق http://tahmiile.blogspot.com/
ردحذفشكرا لك
ردحذفgames7world.blogspot.com
thank you it is done
ردحذفالسلام عليكم يا سيدى انا عندى نفس المشكله لا تظهر عندى الاضافه بتاعت الموضوع لو ينفع ابعتلك القالب وتشوف المشكله فين اكون شاكر جدا ليك
ردحذفاولا هنالك مشكله انت واضع كود 'header-right' المفروض يكون 'header-left يسار الهيدر مش يمين فى الجهه اليمنى اللوج
ردحذفما علينا
انا جربت وغيرت الى right الى left ووضعت الكود الاداه ظهرت تمام انما اداة رأس الصفحه اختفت
فتحت المدونه على الصفحه الرئيسيه ... ظهرت رساله " لقد حدث خطأ " ... ده فى رئيسيه المدونه وطبعا انا كنت واخد نسخه احتياطيه ورجعت كل شى زى ما كان والمدونه اشتغلت ... عايز اعرف ايه المشكله الله يبارلك
شكرا علي الموضوع الرائع
ردحذفمدونة اضافات و دروس بلوجر
http://msstra.blogspot.com/
شكراا لك على الشرح الراائع
ردحذفمرحبا
ردحذفبحاجة لمساعدة ماسة ان امكن؟
احاول وضع صورة كعنوان للمدونة، والمشكله انها على كافة مدوناتي هذه المشكلة تواجهنني وليست على مدونه واحده فقط.... فهل يمكن مساعدتي؟ بالاضافة لمشاكل بسيطة اخرى؟
ارجو الرد
او مراسلتي على الاميل: mariam_jena@live.com
شكرااااااااااااااااااااااااااااااااااااااااا
ردحذفشروحات اكثر من رائعة
ردحذفلقد واجهت صعوبه في بدايه الامر ولكن بعذ ذلك ولله الحمد مشت معي بشكل سليم
ردحذفاخي الكريم شكر لجهودك الطيبه واتمنئ التواصل مع كل الشكر
رائع تم تطبيقه بنجاح :)
ردحذفhttp://world-2016-free.blogspot.com/
ردحذفThanks