كود إضافة خاصية الرد على تعليقات الزوار

كما نعرف جميعاً ... فإن التعليقات تظهر في مدونات البلوجر بشكل متتابع حسب التاريخ والساعة التي كتب بها التعليق. ولكن في بعض الأحيان قد يحتاج البعض بالرد على تعليق سابق كسؤال أو استفسار لزائر أو حتى الرد على رسالة شكر وثناء لأحد الزوار، بحيث يظهر الرد بالشكل التالي {@ اسم المستخدم الذي تود الرد عليه ثم الرد} كما هو مجود في مدونات ورد برس wordpress. الشرح الموجود هنا ستمكن هذه الخاصية وهي سهلة جداً وليست معقدة.


لكن بداية يجب عليك معرفة الـ Blog ID وهو رقم مدونتك التسلسلي وذلك بالضغط على إعداداتمن لوحة تحكم مدونتك. انظر الآن إلى شريط العناوين في متصفحك ستجد مجموعة من الأرقام .. هذه هي الأرقام التسلسلية لمدونتك أو Blog ID.

والآن دعونا نتعرف على كيفية إضافة خاصية الرد على التعليقات لمدونتك..


من لوحة تحكم المدونة إذهب إلى تصميم > تحرير HTML واختر توسيع قوالب عناصر واجهة المستخدم ثم ابحث عن الأمر التالي


 


انسخ الكود التالي مباشرة فوق الكود السابق





ولا تنسى تغيير عبارة (ضع الرقم التسلسلي لمدونتك بدل هذا النص) الموجودة في الكود السابق بـ Blog ID الخاص بمدونتك.

قم بحفظ القالب وعرضه للتأكد من أنك إجريت التعديلات المطلوبة بشكل صحيح.


ولتوضيح كيفية عمل هذا الكود فقد قمت بإضافة تعليقات والرد عليها لتشاهد ذلك عملياً.


راجع التعليقات في لهذه المقالة... 

باقى الموضوع »

التحكم في تخطيط مدونات البلوجر وأعداد القوائم الجانبية والسفلى

إن أهم ما يميز مدونات بلوجر Blogger عن غيرها من المدونات بأنك لا تحتاج إلى تنزيل تطبيق على جهازك لإدارة المدونة أو حتى تعلم المبادئ الأساسية لأي لغة برمجة وهو ما يسهل انتشارها بين الراغبين في إنشاء مدوناتهم الخاصة. وتتميز هذه المدونات بإمكانية تصميم وتخطيط المدونة بالكامل من اختيار الخلفية إلى نوع الخط ولونه وحجمه وصولاً إلى إعادة ترتيب عناصر القوائم في المدونة ويتم ذلك كله من خلال متصفحك.


ولقد ذكرت سابقاً كيفية تغيير الخلفية الموجودة في مدونتك عبر مصمم النماذج والذي أطلقته  بلوجر لمشتركيها في بادئ الأمر تحت اسم Blogger in Draft. وقد وردتني عدة أسئلة واستفسارات تطلب المساعدة في إضافة قائمة جانبية جديدة أو حذفها أو أن مدونة الزائر تمتلك بالفعل قائمة جانبية ويرغب في إضافة قائمة أخرى (قائمة إضافية بجانب الموجودة أو قائمة في الجهة الأخرى). فقررت كتابة هذا الشرح المبسط حول كيفية استخدام مصمم النماذج في التحكم في قوائم المدونة الجانبية والسفلى.

ويجب القول بأنه قد لا يستطيع معظم الأشخاص الذين يمتلكون قوالب خاصة غير تلك المتوفرة في موقع بلوجر من استخدام أداة مصمم النماذج بشكل فعال وذلك نتيجة لإختلاف  المتغيرات Variables في الكود المستخدم في القالب عن المتعارف عليه لدى بلوجر. ودعونا الآن نتعرف على طريقة تغيير قوائم المدونة...


من لوحة تحكم المدونة إذهب إلى تصميم > مصمم النماذج.

اضغط الآن على كلمة التخطيط الموجودة ضمن قائمة مصمم نماذج Blogger كما هو موضوح في الصورة التالية.

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

وأود الإشارة هنا إلى أنه باستطاعتك تحريك العناصر (الأدوات مثل التسميات، HTML/Javascript ...) الموجودة في مدونتك عبر خاصية السحب والإفلات بالذهاب إلىتصميم > عناصر الصفحة ثم النقر على الأداة التي ترغب بتحريكها وإفلاتها في المكان الذي ترغب أن تظهر به ثم النقر على حفظ.

بإمكانك استغلال هذه القوائم في إضافة الكثير من الأدوات كإضافة أكواد أدسنس في أداة HTML/Javascript .. إضافة أداة الصفحات أو التسميات .. إضافة أداة المتابعون .. وما إلى ذلك من أمور تخدم مدونتك.

باقى الموضوع »

باستخدام مصمم النماذج: كيف تزيد عرض المدونة للحد الأقصى

كثير من المدونين يسعى للبحث عن قوالب خارجية لمدوناتهم لعدم اقتناعهم بمظهر القوالب المتوفرة ضمن موقع بلوجر. وأكثر ما يزعج معظمنا هو صغر عرض المدونة، فلو رغب شخص بإضافة قائمة جديدة لمدونته فسيكون على حساب المساحة التي يظهر بها نص المقالة.


ويوفر مصمم النماذج الموجود في موقع بلوجر إمكانية التحكم بعرض المدونة والقوائم الجانبية الملحقة بها. فيمكنك الآن ضبط عرض المدونة بالكامل ليصبح كحد أقصى 1000px (بيكسل). ولتحقيق ذلك اختر تصميم > مصمم النماذج ومن قائمة مصمم نماذج بلوجر اختر ضبط العروضواجعل عرض المدونة بالكامل 1000px. ثم اضغط على تطبيق على المدونة. كما يمكنك تغيير عرض القوائم الجانبية من هنا أيضاً وستجد تطبيق مباشر للعروض التي اخترتها لمدونتك في الجزء السفلي من مصمم النماذج.

ولو ذهبت الآن إلى نص الـ HTML الخاص بمدونتك وبحثت عن الأمر <b:template-skin> ستجد أن قيمة العرض لمدونتك قد تم تغييره إلى 1000px وهي نفس القيمة التي حددتها في مصمم النماذج.

عادةً ما تكون الخيارات الإفتراضية لعروض قوالب المدونات مضبوطة على 930px وذلك لتتماشى مع دقة الشاشة المستعملة 1024x768 من قبل مصممي القوالب، حيث أن  دقة 800x600 لم تعد مستخدمة كثيراً من قِـبَـل متصفحي الإنترنت.

باقى الموضوع »

باستخدام مصمم النماذج: كيف تغير لون خلفية عنوان الموضوع المنشور

جميعنا يعلم أنه باستخدام مصمم النماذج فإنه بإمكانك تغيير لون خلفية المشاركة بالكامل (المشاركة + عنوان الموضوع). ولكن ربما يرغب البعض في تغيير لون خلفية عنوان الموضوع المنشور في المدونة فقط وبدون تغيير لون خلفية المشاركة (نص المقالة)، وذلك لكي يستطيع الزوار من تمييز عناوين المقالات وخصوصاً في الصفحة الرئيسية للمدونة أو يصنع خلفية لعنوان الموضوع بدرجة أغمق قليلاً عن خلفية المشاركة كنوع من إضافة الجماليات لقالب المدونة.


وتستطيع تحقيق ذلك من خلال مصمم النماذج بإضافة أمر CSS واحد وصغير. والميزة هنا بأنه يمنحك معاينة فورية لمشاهدة النتيجة ومظهر مدونتك .. فإذا أعجبتك النتيجة فباستطاعتك تطبيقها على مدونتك وإن لم تعجبك فلن يتم حفظها.


ولتغيير لون خلفية العنوان:
1.   إضغط على علامة تبويب "تصميم" الموجودة في لوحة تحكم المدونة.
2.   بعد ذلك إضغط على مصمم النماذج.
3.   من قائمة مصمم نماذج Blogger إضغط على متقدم.
4.   إضغط على "إضافة CSS" والتي ستجدها في نهاية القائمة التي ظهرت لك كما هو مبين في الصورة التالية.

الآن بإمكانك إضافة أمر الـ CSS التالي

.post-title {background-color:yellow;}

وستجد أن النتيجة قد ظهرت مباشرة في الجزء المخصص لمعاينة النموذج والموجودة في النصف السفلي لمحرر النماذج. 

وبالعودة إلى أمر الـ CSS السابق، فستجد أنني قمت بتغيير لون خلفية جزء من الأمر إلى اللون الأصفر لأنه هو المسؤول عن إظهار لون خلفية العنوان. فإذا قمت بتغيير كلمة Yellow وتعني بالعربية اللون الأصفر، إلى Red وتعني اللون الأحمر فسيتم تغيير خلفية العنوان إلى اللون الأحمر مباشرةً. وهكذا.....


كما يمكنك تخصيص لون من عندك بعيداً عن الألوان الأساسية (Yellow, Red, Blue, Black, White)، وذلك بكتابة كود اللون الذي ترغب به (مثال: 222456#) بحيث تكون علامة (#) في البداية ثم يتبعها 6 أرقام وذلك للوصول إلى الألوان المتدرجة بين الألوان الأساسية. وتستطيع اخيتار كود اللون المناسب لك من خلال هذا الموقع Color Picker أو باستخدام برنامج الرسام الموجود في جميع إصدارات الويندوز. وسأتناول في حديثي الآن موقع Color Picker.

بعد دخولك للموقع السابق، ستظهر لك صفحة تمكنك من اختيار اللون الذي ترغب به وستحوله إلى كود اللون المكون من 6 أرقام. وستجد في الصورة السابقة وجود سهمين الأول من اليمين هو لتحديد اللون الأساسي والسهم الثاني لتحديد تدريج اللون. أما الأرقام الموجودة في المستطيل فهي كود اللون الذي ستقوم بنسخه ولصقه بعد إضافة علامة (#)في أمر الـ CSS السابق بدلاً من كلمة Yellow ليصبح الكود بالشكل التالي

.post-title {background-color:#E01B6A;}

وعند وضع هذا الأمر الجديد في مصمم النماذج لبلوجر.. ستظهر خلفية العنوان باللون الذي اخترته من موقع Color Picker.

باقى الموضوع »