Launching
launchpad

أحاديث نبوية شريفة

إنضم إلى متابعينا ليصلك جديدنا

بحث في المدونة

Member

الأكثر مشاهدة

Fourni par Blogger.

أرشيف المدونة الإلكترونية

المشاركات الشائعة

mercredi 5 juin 2013

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

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

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/AVvXsEgm5l25ovtcX8lQ2xgnyBLla7Jn2WlcHBlP9XxpUzgi1hqVjrGDZ2bVaNYYrKA8ERs2o5hfxYx8LkB6n9uuqTPxODgSsD6TwICsBdjBDgizI7M3s860_JzaaMJ_Xi2fp1TiBQGwkhgwdbbt/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/AVvXsEjKEN0UuB_4wX-xmYHO6nLKF77NUTEQdNwIx93dZLu0pIa_EDTQInPAR2f1g46w8GCkvuVdK2IHcE6l9U0hsrAtiVM4cDbZb9gRXrckNaxRsCboIx3nr14EzdyMPl-s4Go4g8Oz033EFGfz/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/AVvXsEjdnuLmvgYf9nsy9wIm_EWhS9SzZnWu1NcDl30utzh7D0YAk9rEvculAxQyndsBhskJr2YTjDeTQK8qK1R4oN6T4wdiQhLh8X9_Fg95OAj2QTs67zLANrUcKfpKTB2rKRIfqyN0lqsPE2-A/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- أخيرا لاتنسى أن تقوم بحفظ القالب.

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

Aucun commentaire:

Enregistrer un commentaire