طريقة تركيب رسائل أحدث واقدم فوق التعليقات في مدونة بلوجر بشكل مطور حديث حصرياً

السلام عليكم ورحمة الله وبركاته

بسم الله الرحمن الرحيم

أهلاً وسهلاً بكم زوارنا وأعضائنا الكرام في درس جديد وشيق ومفيد دائماً.

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

مميزات هذه الإضافة:
شكل سلس وحديث
إظهار المواضيع الأقدم أسفل كلمة رسائل أقدم وإظهار رسائل أحدث أسفل كل كلمة {سائل أحدث
زيادة نسبة مشاهدات مدونتك إذا كانت شيقة فعلاً

لن أطيل عليكم في المقدمات والأهداف من هذه الإضافة المطورة

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

أولاً أذهب إلى لوحة التحكم في مدونتك blogger.com
ثانياً أختر القالب ثم أضغط على تحرير html
ثالثا بإستخدام مفاتيح الإختصار في كمبيوترك ctrl و f إبحث عن الرمز 
]]>
إذا كنت لا تعرف كيف تجد الرموز داخل قالب مدونتك يمكنك مشاهدة هذه الصورة التوضيحية أو مشاهدة هذه التدوينة لكيفية البحث عن الاكواد داخل قالب مدونتك
بعد العثور على الرمز ]]> أضف الكود التالي فوقه مباشرةً

.pager-isi{background:white;overflow:hidden;border:1px solid #DDD;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.pager-isi a,.pager-isi .linkgrey{width:45%;display:block;float:left;padding:10px 0;font-size:120%}
.pager-isi a:hover,.pager-isi .linkgrey{background-color:#F7F7F7;text-decoration:none}
.pager-isi h6{color:#575757;font-size:80%;font-weight:bold}
a.blog-pager-newer-link{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3rdqMGcbN9ktOtFdyoYXdoWYoBPdn9E2XoaCrkT5vMzjutGI8Zo_tmBRbvn_JBezXDPhxkCCsYwNBXgs0kJnfcyR-z84rR5jANwTDKpS9bCQ1_zedVakwMip4LKsexoOwpFC1f1Gx114/s1600/small-left.png);background-repeat:no-repeat;background-position:2% center;padding-left:3.5%;text-align:left}
a.blog-pager-older-link{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEi727VNSYsqNNTq2W_J76jI0mP3cUBRSbXOOZPQUa8xb8UkUCUv4xYkh9_TTMRjZyd8WfzFpwwyyTLKd5q0nOxHgmQvH6Xt5EDYnS3wrPd2bYmCxvOh015aDWsBGkYf5ER0au6qGYmxs/s1600/small-right.png);background-repeat:no-repeat;background-position:98% center;padding-right:3.5%;text-align:right}
.pager-isi .linkgrey.left{padding-left:3.5%;text-align:left}
.blog-pagerager-isi .linkgrey.right{padding-right:3.5%;text-align:right}

رابعاً قم بالبحث عن الرمز 

ثم أضف الكود التالي في نهاية الرموز الخاصة به
مثال سوف يظهر لك هذا الرمز :

اسفله قليلاً سوف يظهر لك هذا الرمز 
قم بإضافة الكود التالي بينهما كما هو بالصورة التالية

إضغط على الصورة للعرض بالحجم الكامل لها

الكود:

المرحلة الأخيرة
خامسا سوف نقوم بإزالة الازرار القديمة ( أقدم وأحدث )
لإزالة الازرار القديمة قم بالبحث عن الرمز 

ثم اضف اسفله


وفي نهايته

حتى يصبح هكذا:

إختر حفظ وإذهب الى معاينة مدونتك 

نتمنى ان تكون نالت إعجابكم ورضاكم

جميع الحقوق محفوظة
يرجى عدم نقل الموضوع إلا بعد ذكر المصدر بالرابط الأصلي للموضوع