استبدال روابط التصفح (رسالة أحدث، رسالة أقدم و الصفحة الرئيسية) العادية بأزرار مصورة أنيقة
  بسم الله الرحمان الرحيم

pager1-afkarpro.blogspot.comدرسنا اليوم هو عبارة عن شرح لكيفية استبدال روابط التصفح (رسالة أحدث، رسالة أقدم و الصفحة الرئيسية) العادية بأزرار مصورة أنيقة, وهذه الأزرار أحسن من الروابط العادية, بحكم أنها جدابة للأنظار وتجعل الزائر يتصفح مدونتك لأطول مدة.
 
لنشرع في شرح الدرس :
أولا ندخل إلى لوحة التحكم على مدونتك, >>  ثم إلى تصميم الصفحة, >> بعد ذلك ندخل إلى تعديل HTML 
, >>  ثم نعلم على توسيع القالب.
لإستبدال رابط "رسالة أقدم" :
Suivant-1-afkarpro.blogspot.com
*1- نضغط على CTRL + F للبحث عن الكود أسفله
<data:olderPageTitle/>
*2- ثم ننسخ مكانه الكود التالي :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2HjPe4SMFzqzHUvRn2oECoNo86Z2VcIQyRAoyjslqdWJIHnECF8QGITBzPQAC381HcQSn7eeYukvw3s77xxyK6IMnEaQZ3sdMlasXYsp-u-o9C-LnuJ_9jNxc9zh1IVYct3U63e-QxnBb/s200/Suivant--afkarpro.blogspot.com.png' style='border: 0 none;vertical-align: middle;'/>
لإستبدال رابط "رسالة أحدث" :
Pr%C3%A9c%C3%A9dent-1-afkarpro.blogspot.com
*1- نضغط على CTRL + F للبحث عن الكود أسفله
<data:newerPageTitle/>
*2- ثم ننسخ مكانه الكود التالي :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8y4SUAbZjosC4RZh0cObgtYww5LV5T6_iTMLMJcHiNKidw6xT0U9FQSovl2Qq5WY6V-WgLilICPGpk3B-kKbIYKVaATsxgfC7pzWY90FDuTDPIu5ZIuJUQPWC5aoZvfP-pOi7R4WmgXbe/s200/Pr%25C3%25A9c%25C3%25A9dent-afkarpro.blogspot.com.png' style='border: 0 none;vertical-align: middle;'/>
لإستبدال رابط "الصفحة الرئيسية" :
accueil-1-afkarpro.blogspot.com
*1- نضغط على CTRL + F للبحث عن الكود أسفله
<data:homeMsg/>
*2- ثم ننسخ مكانه الكود التالي :
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo3v1hL5LRAo7Quv_pK2Usyt-aZF6P_utoliA60ALcacgSKTT5DiVou58K2ndcSNe5NCzQSBSbQV0yHmnE4mOIKJftxL7S7_opQ57h67Hdx1zxMV-wHGiHxRAkh6sV4rLmRZRiQeICbOPG/s200/accueil-afkarpro.blogspot.com.png' style='border: 0 none;vertical-align: middle;'/>
ضع روابط الصور التي اخترتها مكان الروابط باللون الأحمر.

وفي ما يلي بعض صور الأزرار يمكنك استعمالها :
Suivant-1-afkarpro.blogspot.comaccueil-1-afkarpro.blogspot.comPr%C3%A9c%C3%A9dent-1-afkarpro.blogspot.com
Suivant--afkarpro.blogspot.comaccueil-afkarpro.blogspot.comPr%C3%A9c%C3%A9dent-afkarpro.blogspot.com
Suivant+-Noir-+afkarpro.blogspot.comaccueil+-Noir-+afkarpro.blogspot.comPr%C3%A9c%C3%A9dent+-Noir-+afkarpro.blogspot.com 
Suivant-Bleu-afkarpro.blogspot.comaccueil-Bleu-afkarpro.blogspot.comPr%C3%A9c%C3%A9dent-Bleu-afkarpro.blogspot.com 
Suivant-Orange-afkarpro.blogspot.comaccueil-Orange-afkarpro.blogspot.comPr%C3%A9c%C3%A9dent-Orange-afkarpro.blogspot.com
Suivant-Rouge-afkarpro.blogspot.comaccueil-Rouge-afkarpro.blogspot.comPr%C3%A9c%C3%A9dent-Rouge-afkarpro.blogspot.com
Suivant-Vert-afkarpro.blogspot.comaccueil-Vert-afkarpro.blogspot.comPr%C3%A9c%C3%A9dent-Vert-afkarpro.blogspot.com

%D8%A7%D9%84%D9%82%D8%AF%D9%8A%D9%85-afkarpro.blogspot.com%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9-afkarpro.blogspot.com%D8%A7%D9%84%D8%AA%D8%A7%D9%84%D9%8A-afkarpro.blogspot.com

*3- أخيرا لاتنسى أن تقوم بحفظ القالب.

*! إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...