كثيرون منا يزعجهم ظهور عنوان المدونه بخط كبير وغير متناسق فى أعلى المدونه ,جمال المدونه يضفى سحراً على الزائر ويعطى إنطباع أن هذا الموقع ذو قيمة ودائماً ما يترك شعار مدونتك تأثيراً فى نفسية الزائر ويظل متذكره ,لذلك سنتطرق إلى كيفية عمل شعار ووضعه فى أعلى المدونه ليعطى شكلاً أفضل للمدونة بدلاً من عنوان المدونة .
ماهو الهيدر وما أهميته للمدونة
الصورة السابقة هى مثال على معنى الهيدر ,الهيدر "Header" تعنى رأس الصفحة ,ومن بروتوكولات تصميم المواقع هو وضع شعار أو صوره جميله فى رأس الصفحه تترك إنطباعاً جيداً لدى الزائر من أول وهلة,عند إنشاءك للمدونة فى المرة الأولى يكون الهيدر مجرد عنوان الصفحة مثلاً"FahmnyOnline" هذا العنوان يظهر فى رأس الصفحة من أعلى وتكون الكتابة غير منسقة وتعطى منظراً سيئاً لمدونتك ,صدقونى حتى ولو مدونتك ذو قيمه ومحتوى مميز ولكن تصميمه سئ فهو عامل طرد للزوار نظراً لبشاعة تصميم المدونه .
كيفية تصميم هيدر مناسب للمدونة
تصميم هيدر المدونة لا يحتاج أن تكون مبرمجاً أو مصمماً محترفاً ولكن يحتاج إلى أن تحدد ماهى نوعيه هذا الهيدر ,إذا كانت المدونة تتحدث عن مجال التكنولوجيا أو الموبايل أو غيرها من المجالات فلابد أن يكون الهيدر متوافقاً مع هدف المدونه ,فلا يمكن مثلاً إنشاء مدونة تتحدث عن التكنولوجيا ثم أضع لها هيدر رياضى !,لذلك أحضر ورقة وقلم وقم بالشغبطه حتى تستقر على تصميم لهيدر المدونه ثم سأعطيك موقعاً من خلاله تستطيع تنفيذ وتصميم الهيدر .
إضغط على الرابط التالى "فوتوشوب أونلاين " هذا الموقع هو عبارة عن برنامج الفوتوشوب مصغر ليس به كل إمكانيات الفوتوشوب من فرش وفلاتر وغيرها ولكن تستطيع أن تصنع تصميمك من خلاله إذا لم تكن خبيراً فى الفوتوشوب أو ليس لديك برنامج الفوتوشوب على جهاز الكمبيوتر , ضع هذا المقاس "960 عرض * 150 إرتفاع " فهو المقاس المناسب والذى يتلاءم مع أى قالب بلوجر مثل الهيدر الذى بموقعى ,حاول أن تصنع هيدر بسيط ولكنه يعبر عن الموقع .
كيفية وضع الهيدر فى مدونة بلوجر
أولاً قم بفتح لوحة تحكم مدونتك ثم إضغط على تخطيط أو "Layout" ستظهر لك تقسيمة المدونة والإضافات التى قمت بإضافتها سابقاً إضغط على كلمه تعديل أو "Edit" للمستطيل الذى به كلمة "Header" وهى تقريباً ثانى مستطيل من أعلى ,شاهد الصورة التالية .
ثم ستفتح لك نافذة بالشكل التالى
ضع إسم مدونتك فى "Blog Title" ثم أكتب وصف قصير ومميز لمدونتك فى "Blog Description" ثم حدد مكان التصميم الذى قمت بتصميمه من خلال فوتوشوب أونلاين ولكن قبل أن تحدد الصورة لابد من إختيار وضع الهيدر وأن يكون عنوان المدونة ووصف المدونة مخفياً تحت الهيدر وذلك من الإختيار الثانى "Instead of title and description" ثم الضغط على "Shrink to fit" وهى لجعل الهيدر متوافق مع المكان المخصص له بالأعلى ثم نحدد الصورة وننتظر حتى يتم رفعها وتشاهدها ثم نضغط على حفظ "Save" ثم نقوم بعمل عرض للمدونة لترى مدونتك فى حلتها الجديده .
كيفية إخفاء عنوان المدونة عن طريق القالب
إدخل إلى لوحة تحكم مدونتك ثم إختر القالب أو "Template" ثم إختر تعديل القالب أو "Edit HTML" إذا كانت اللغة بالإنجليزية ,شاهد الصورة التالية .
بعد الضغط سيظهر لك مربع كبير به أكواد القالب مثل الصوره التاليه
الأن نقوم بالضغط على زر"CTRL+F" من خلال لوحة المفاتيح وذلك لنبحث عن الأكواد التى سنغيرها لإخفاء عنوان المدونه.قم بالبحث عن الكود التالى :
#header h1{margin:0 auto;padding:15px 0px .25em
أو إبحث عن هذا الكود فقط
#header h1
أو إبحث عن هذا الكود فقط
#header h1
ثم أضف بعد القوس الكود التالى
display:none;
قم بعمل حفظ للقالب ثم قم بعمل عرض للمدونه لترى إختفاء عنوان المدونه دون حذفه لآن عنوان المدونه ووصف المدونه مهم لعناكب البحث لذلك أخفيناه فقط من الظهور على الصفحه ولم نحذفه .
إلى هنا ينتهى درسنا اليوم نتمنى من الله أن نكون قد وفقنا فى توصيل المعلومه ,أعزائى وأصدقائى إستمروا بالعمل الجاد وبذل أقصى مجهود لنجاح مدونتكم فقد كان لى 10 مدونات فشل 9 مدونات ونجحت العاشره ولم أياس أبداً لآن اليأس خيانة وليس من طباع وصفات المسلمين .ساعدونا بنشر هذه المعلومات حتى ننقذ شبابنا من البطاله وحتى نوفر لهم مصدر رزق أخر بدلاً من ضياع وقتهم الثمين فى الدردشه والفيس بوك .
كلمة أخيره : النجاح على بعد خطوه واحده من الفشل
تحياتى لكم
