"إقرأ المزيد" الآن في مدونات Blogger (( من غير إضافات ))

منذ زمن كان المدونون على Blogger يحتاجون أداة "إقرأ المزيد" أو "للمزيد من المعلومات" كثيرا ً , وكانوا يحصلون عليها بإضافة الكودات والكثير من التعقيدات , لكن الآن لا حاجة لكل هذا , لأن Blogger قامت بإضافة هذه الميزة بشكل نظامي وأصبح المدون يقوم بإضافتها بضغطة زر !


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


صورة للعمل بعد إنجازه :

الجدير بالذكر أن نذكر مزايا هذه الأداة :
عندما يكون لدينا موضوع يحتوي على موسوعة صور مثلا ً فلنفرض أنه يحتوي على 50 صورة ومن المعروف أنه عند إدراج أي موضوع جديد سيكون في المقدمة ( الصفحة الرئيسية ) وفي مثل هذه الحالات يكتفي المدونون المحترفون بإظهار صورة واحدة وإدراج أداة "إقرأ المزيد" لكي يتمكن للزائر قراءة الموضوع في صفحة الموضوع نفسه , وبهذا يتجنب المدون بطأ مدونته وبالتالي نفور الكثير من الزوار من مدونته لأن الطابع العام للزوار أنهم يحبون التصفح السريع والسلس ويتجنبون المدونات التي تحتاج الكثير من الوقت لتحميل صفحاتها , كما أنه هناك ميزة أخرى وهي أن المدو في حال دخول الزائر للموضوع لإكمال قراءته فستحسب زيارة جديدة لهذا الزائر .
توضيح : هناك فرق بين عدد الزيارات وعدد الزوار !
عدد الزوار : هم عدد الأشخاص الذين يزورونك في اليوم مثلا ً .
عدد الزيارات : وهي عدد الصفحات التي يتصفحها الزوار في اليوم الواحد مثلا ً .


ألم تملوا من ثرثرتي ؟! فلنبدأ بالدرس :


الخطوة الأولى والأخيرة ! : بعد كتابة الموضوع المراد تطبيق الأداة عليه نقوم بوضع مؤشر الفأرة على الموضع الذي نريد أن نضيف فيه "إقرأ المزيد" أو "للمزيد من المعلومات" ونضغط على الأيقونة الموضحة في الصورة من شريط الأدوات :

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


كل هذا الكلام من أجل خطوة بسيطة ؟!
الخطوة بسيطة لكن ما المانع من أن يتعرف المبتدؤون على المزيد من المعلومات .


أما الآن فسنتكلم عن كيفية وضع الجملة التي تروق لنا بدلا ً من الجمل الموجودة آليا ً كـ إقرأ المزيد أو للمزيد من المعلومات :


الخطوة الأولى : التوجه إلى لوحة التحكم .


الخطوة الثانية : إختيار تبويبة تصميم من المدونة التي نريد إجراء التعديل فيها :

الخطوة الثالثة : من عناصر الصفحة , تحديدا ً من واجهة "رسائل المدونة الإلكتروني" نضغط على تحرير :

الخطوة الرابعة : نختار الجملة التي تروق لنا لكي نعوضها بالجملة السابقة :

ومن ثم نضغط على "حفظ" .

طريقة إضافة مدونات Blogger إلى أدوات مشرفي المواقع

يعاني الكثير منا من صعوبة إضافة مدونته إلى أدوات مشرفين المواقع الخاص بمحرك البحث الشهير Google , أمدونتك مستضافة على Blogger إذا ً الحل ببساطة هوي بضغطة زر , وماذا عن تأكد Google من ملكية المدونة ؟ قلت لكم بضغطة زر !


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

الطريقة سهلة جدا ً ولا تحتاج إلى أية تعقيد , من غير إطالة سنبدأ بالدرس حالا ً :





الخطوة الأولى : التوجه إلى لوحة التحكم الخاصة بك .


الخطوة الثانية : أسفل الصفحة ستجد تبويبة بعنوان "الأدوات والموارد" كما في الصورة :

ومن هذه التبويبة نختار "أدوات المسؤولين عن مواقع الويب" .


الخطوة الثالثة : نؤكد إضافة المدونة إلى "أدوات المشرفين" :

ألف مبروك فلقد تمت إضافة مدونتك بنجاح .

لمعرفة الخيارات المتوفرة أمامنا في هذه الخدمة نضغط على رابط المدونة بعد الإضافة :

وهذه صورة للخيارات الموفرة لنا في خدمة "مشرفين المواقع" المقدمة من Google :

ومنها يمكننا تقديم ملفات الـ SiteMap الخاصة بمدونتنا إلى Google , هذا ما سنتطرق له في درسنا القادم بإذن الله تعالى .

كتابة "جميع الحقوق محفوظة" أسفل مدونات Blogger

بعد مراسلة بعضهم وسؤالي عن كيفية إضافة : جميع الحقوق محفوظة © أسفل مدونة Blogger , في درسنا هذا سنشرح كيفية إضافة هذه العبارة في الأسفل كما هي الحال في مدونة هاشم .

الخطوة الأولى : التوجه إلى لوحة التحكم >> تصميم >> عناصر الصفحة :

الخطوة الثانية : نضغط تحرير على "Attribution" :

الخطوة الثالثة : ضبط الإعدادات التي تود ظهورها :

ومن ثم نضغط على "حفظ" :

تحديث : لمن قام بحذف الـ Attribution يمكنه إضافتها بشكل يدوي , قم بالبحث عن  :

قم بإضافة الكود التالية قبل إغلاقة الـ  footer مباشرة :

جميع الحقوق محفوظة http://hashem-b.com/">لمدونة هاشم © 

قم بتغيير القيم التي تم تلوينها باللون الأحمر لتناسب مدونتك :)

تم إنتهاء الدرس بنجاح .

طريقة إضافة Code لكسب صداقة محركات البحث SEO

لا يخفى علينا جميعا ً أهمية محركات البحث كـ Google و Yahoo كمصدر أساسي في جلب زوار لمدونتك , هناك مدونة لي لم أقم بإضافتها إلى أي من المواقع ولم أقم بعمل نشر لها ولكنني قمت بإضافة هذا الـ Code وهذه النتيجة :

المدونة لم أقم بنشرها أبدا ً أبدا ً ! في درسنا هذا سنتعلم كيفية إضافة هذا الـ Code المساعد في أن تكون مدونتك صديقة لمحركات البحث كما انها تحسن ترتيب مدونتك عالميا على Alexa .

الخطوة الأولى : من لوحة التحكم >> تصميم >> تحرير HTML :

الخطوة الثانية : التأشير على "توسيع قوالب عناصر واجهة المستخدم" :

الخطوة الثالثة : نبحث عن الكود التالي :

الخطوة الرابعة : إضافة الكود التالي مباشرة بعد الكود السابق :

وصف بسيط للمدونة" name='description'/>
الكلمات المفتاحية" name='keywords'/>
ar أو en" name='language'/>
سنة إنشاء المدونة" name='copyright'/>

وصف بسيط للمدونة : يفضل أن يكون الوصف قصير .

الكلمات المفتاحية أو الـ KeyWords : وهي الكلمات الرئيسية لمدونتك .

ar أو en : هنا يمكنك وضع لغة المدونة سواء كانت عربية أو English أو أية لغة أخرى .

سنة إنشاء المدونة : العام الذي أنشأت فيه مدونتك المراد وضع الـ Code لها .

صورة للـ Code بعد وضعه في القالب :

نتمنى أن يكون الدرس واضح للجميع , في حال كانت لديكم أية إستفسارات فلا تتردد بالسؤال .

طريقة عرض إصدار الجوال لمدونتك على أجهزة المحمول Mobile Mode

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

الخطوة الأولى : التوجه إلى لوحة التحكم الخاصة بمدوناتنا :

الخطوة الثانية : أسفل الصفحة من صندوق "الأدوات والموارد" نختار "مسودة Blogger" :

الخطوة الثالثة : عندما نفتح على مسودة Blogger تظهر لنا هذه النافذة ما علينا إلى الضغط على "تشغيل نماذج الجوال" :

النافذة ظهرت لي مباشرة لأن الخدمة جديدة , ولكن في حال لم تعد تظهر مباشرة فما علينا إلا إتباع الخطوات التالية :

الخطوة الأولى : من لوحة التحكم الخاصة بمسودة Blogger >> إعدادات >> البريد الإلكتروني والجوال :

الخطوة الثانية : من خيار "عرض نموذج الجوال" نختار "نعم , عرض إصدار الجوال لنموذجي على أجهزة الجوال" :

كما يمكنك معاينة الشكل النهائي التي ستظهر به مدونتك على أجهزة المحمول Mobile .

ومن ثم من أسفل الصفحة نضغط على "حفظ الإعدادات" :

طريقة إضافة علامات التبويب أعلى مدونة Blogger

لعل مما يضيف إلى مدونتك المزيد من الجمالية هي علامات التبويب التي يمكن وضعها في أعلى المدونة أو على الشريط الجانبي , في درسنا هذا سنتعلم طريقة إضافة "علامات التبويب" .

الخطوة الأولى : التوجه إلى لوحة التحكم >> إرسال >> صفحات التحرير :

الخطوة الثانية : الضغط على زر "صفحة جديدة" :

ليظهر المحرر الخاص بالصفحات :

الخطوة الثالثة : بعد كتابة ما تود مثلا ً "عن المدونة" أو "عني" أو "قسم المرئيات" أي شئ قم بالضغط على "نشر الصفحة" ليظهر لك سؤال عن رغبتك في وضع علامات التبويب في أعلى المدونة كما هي الحال في مدونة هاشم ومدونة ضحك أو وضعها في الشريط الجانبي .

يمكن إنشاء حتى 10 صفحات .

الفرق بين التدوينات والصفحات من حيث الرابط :

رابط الصفحة :

http://d7k.blogspot.com/p/comedy-videos.html

رابط التدوينة :

http://d7k.blogspot.com/2011/02/crazy-fm-5-6-7-8.html

تم تحديد الفرق بـاللون الأحمر , ملاحظة : تم تطبيق الدرس على إحدى مدوناتي "مدونة ضحك" لأن مدونة هاشم حين كتابة الموضوع كانت ما تزال جديدة .

طريقة إضافة "أقسام المدونة" إلى مدونات Blogger

تلبية لطلب أحد الزوار فسنتعرف في درسنا هذا على طريقة إضافة "أقسام المدونة" إلى مدونات Blogger . 

الخطوة الاولى : من لوحة التحكم >> نختار تويبة "تصميم" :

الخطوة الثانية : نختار تبويبة "عناصر الصفحة" :

الخطوة الثالثة : نختار "إضافة أداة" :

الخطوة الرابعة : نختار إضافة "التسميات" :

الخطوة الخامسة : هي ضبط الإعدادت كما في الصورة التالية :

العنوان : وفيه يمكن وضع أي تسمية تريدها , من جهتي قمت بإختيار "أقسام المدونة"

إظهار : ومنه يتم وضع الأقسام التي تودها بالإعتماد على التسميات التي تقوم بوضعها في كل تدوينة :

فرز : ومن خلالها يتم تحديد رغبتك في طريقة الفرز هل هي أبجديا ً أم حسب التكرار 


تحديث : زيادة شرح من أجل الأخت فرشة مرح :


بالنسبة لإختيار الأقسام فسيكون على خطوتين :




الخطوة الأولى : هي الضغط على زر "تعديل" :

الخطوة الثانية : هي التأشير على الكلمات المفتاحية التي تود أن تظهرها تحت تسمية "أقسام المدونة" :

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

أرجو أن يكون الدرس واضحا ً للجميع , تمنياتي بالتوفيق لكم جميعا ً .

طريقة إضافة صندوق تعليقات الـ Facebook إلى مدونات Blogger

ما زال الـ FaceBook يثبت يوما ً بعد يوم أنه الأول والأقوى في مجال المواقع الإجتماعية , غير أنه يعتبر مصدر زوار لكثير من المدونات والمواقع إلا انه يحتوي على الكثير من الإضافات الرائعة , في درسنا هذا سنتطرق إلى أفضل إضافة من وجهة نظري وهي FaceBook Comment نعم إنها صندوق تعليقات الـ FaceBook المميز , نعم يمكنك الآن إستعمال صندوق الخاص بالـ FaceBook بدلا ً من التعليقات التقليدية الموجودة في Blogger , سنتعلم الطريقة الصحيحة بالشرح المصور لكي يتمكن كافة المدونون من الحصول على هذه الميزة الرائعة , الشرح بالتفصيل الممل .

الخطوة الأولى : بعد التسجيل في الـ Facebook  نقوم بزيارة الرابط التالي : Facebook developer page

الخطوة الثانية : ملأ البينات كما موضح في الصورة التالية :

تنويه مهم جدا ً : الرابط يكون على الشكل التالي :

http://www.hashem-b.com/

قم بتغيير النص الملون باللون الأزرق فقط ! لا تنسى أن تبقي الـ "/" بعد الرابط لأنه مهم جدا ً .

الخطوة الثالثة : نقوم بالتحقق الامني بكتابة الأحرف المكتوبة في الصورة :

الخطوة الرابعة : ستظهر لك صفحة مهمة جدا ً فيها أهم شئ في درسنا هذا , قم بحفظ الـ "App ID" أو "معرف التطبيق" :

أعيد وأكرر : لا تسنى إنه أهم شئ في درسنا فقم بالإحتفاظ به لأننا سنستعمله بعد قليل .

الخطوة الخامسة : من لوحة التحكم >> تصميم >> تحرير HTML :

الخطوة السادسة : التأشير على "توسيع قوالب عناصر واجهة المستخدم" :

الخطوة السابعة : نبحث عن الكود التالي :

الخطوة الثامنة : نقوم بنسخ الكود التالي بعد الكود السابق تماما ً :

الآن نقوم بتعويض القيمة الملونة باللون الأحمر بالرقم الذي حصلنا عليه من  "App ID" أو "معرف التطبيق" .

الشكل النهائي بعد الإنتهاء :

الخطوة الثامنة : هي إخفاء التعليقات لأنه بعد إضافة صندوق تعليقات الـ FaceBook سيكون لدينا نموذجين للتعليقات , من لوحة التحكم >> إعدادات >> إخفاء . كما في الصورة التالية :

إسمحوا لي الآن أن أقوم بشرح صندوق التعليقات الخاص بالـ FaceBook :

ليس شرطا ً أن يكون الشخص الذي يود التعليق على موضوع ما ممتلكا ً لحساب على الـ FaceBook بل يمكنه إدخال إسمه ورابط موقعه أو بريده الإلكتروني :

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

أما الصورة التالية فستبين كيفية إدراج التعليقات :

لاحظ أن التعليقات تأتي الأحدث بالأقدم , أول Comment كان "مرحبا ً (:" وآخر Comment كان "أنا هنا (:" يمكن للزوار حذف الـ "Comment" الذي يكتبونه كالـ FaceBook تماما ً .

قد يسألني البعض هل يمكن أن نخضع تعليقات الـ FaceBook قبل النشر كما في Blogger ؟

الجواب : لا يمكن فعل ذلك لكن يمكن وضع كلمات محظورة لا يمكن أن تظهر كالشتائم مثلا ً , سنتطرق لها في دروس لاحقة .

طيب هل يمكن أن نحذف Comment أو نقوم بحظر أحد المزعجين ؟

الجواب : بالطبع نعم ولكن كما قلت في بداية الموضوع قبل الدخول إلى Facebook developer page يجب أن نكون قد سجلنا الدخول من قبل , وفي حال أردنا التحكم بالتعليقات يجب الدخول إلى حساب الـ FaceBook الخاص بنا عندما قمنا بإضافة هذه الإضافة .

كما يمكن الإستفادة من هذه الإضافة في نشر مدونتك أو موقعك أكثر وأكثر على الفيس بوك بحيث عندما يقوم الزائر بإضافة تعليق وإبقاء التأشيرة على "Post comment to my Facebook profile" فسيظهر الرد الذي كتبه مع رابط للصفحة على صفحته في الفيس بوك :

أرجو أن يكون الدرس مفيدا ً وواضحا ً للجميع , تمنياتي بالتوفيق للجميع :)

ملاحظة : الموضوع حصري , شكرا ً لتفهمكم وتقديركم للتعب المبذول عليه :)


تحديث : في حال واجهتك مشاكل في تطبيق الدرس ويأس من هذه الطريقة يمكن مراجعة الدرس التالي :

طريقة إضافة تعليقات DisQus الشبيهة بتعليقات الـ FaceBook لصفحاتك

هذا النموذج شبيه بنموذج تعليقات الـ FaceBook لكنني أعتبره أفضل بـ 100 مرة , حيث أن المواقع الأجنبية الكبيرة تستعمل هذا النموذج مثل الموقع الإخباري CNN .