تحت تسمية: اضافة هيدر المدونة,التحكم في الهيدر,هيدر مدونة بلوجر,تصميم اللوجو,شعار المدونة,تركيب هيدر المدونة
بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله تعالى وبركاته ,بعد ان قمت بنشر موضوع عن كيفية تقسيم الفوتر الى ثلاثة خانات,سأقوم بطرح عدة مواضيع قريبا لكيفية تصميم قوالب البلوقر اتمنى ان اكون موفقا لاطرحها عليكم قريبا ,في سلسلة لنفهم كيفية تصميم وفهم اليات عمل قوالب البلوقر وفهم اساسيات التعامل مع اي قالب كان ,وسنبدأ بدروس مهمة جدا وكثيرا ما طرحت من طرف الزوار الكرام
سأقوم بشرح كيفية تغيير هيدر المدونة والتي يسميها البعض Logo المدونة :
هناك خطوتان لتغيير وتركيب الهيدر اما عن طريق لوحة التحكم بلوقر او عن طريق تحرير القالب واضافة كود الهيدر .
· تركيب هيدر المدونة عن طريق لوحة تحكم البلوقر
ادهب الى لوحة تحكم مدونتك|| تصميم || تحرير عناصر الصفحة
ادهب الى تصميم || في اعلى الصفحة اظغط على تحرير|| رأس الصفحة|| ستظهر نافدة مع عدة خيارات.
الخيار الاول :
يمكنك رفع صورة الهيدر من جهازك
الخيار الثاني:
وضع رابط لصورة الهيدر ان كنت رفعته من قبل على احد مواقع الرفع الصور.
يلزمك الان وضع علامة صح على الخيارات التالية :
· اما ان تكون الصورة فوق عنوان المدونة
· او تكون صورة الهيدر تحت العنوان والوصف
وانا انصحك بالخيار الاول لكي لايؤثر دلك على مظهر تناسق الهيدر مع العنوان والوصف
في الأخير اضغط على حفظ .
· تركيب الهيدر عن طريق تحرير Html
ابحث عن الكود التالي:
#header-wrapper {
هدا نمودج لكود الهيدر:
background: url(http://yourblog.com/image.png) ;
و استبدل وصلة الصورة بمكان الصورة التي صممتها.
ان قمنا بتركيب هيدر المدونة في بعض الاحيان تكون الصورة صغيرة ,لدا يتوجب علينا اضافة خلفية للهيدر ودلك عن طريق الكود التالي:
background: #000000 url(http://www.site.com/image.png) no-repeat top right;
حيث تمثل الرموز التالية في الكود اعلاه ما يلي:
#000000 لون خلفية الهيدر
http://www.site.com/image.jpeg رابط صورة الهيدر
no-repeat لعدم تكرار الصورة في الهيدر
top right لتحديد مكان الصورة يمين او يسار
وفي الاخر يمكنك || حفظ القالب ||
هدا درس بسيط اتمنى ان يعجبك اخي الكريم لمتابعة مثل هده المواضيع قم بالتسجيل في قائمتنا البريدية لتكون السباق ليصلك الجديد والمفيد الى بريدك الالكتروني .
المصدر
0 التعليقات:
إرسال تعليق