الأربعاء، 19 ديسمبر، 2012

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



مرحبا بكم إخواني الكرام زوار مدونة أفكــار Pro. درسنا اليوم هو عبارة عن شرح لكيفية استبدال روابط التصفح (رسالة أحدث، رسالة أقدم و الصفحة الرئيسية) العادية بأزرار مصورة أنيقة, وهذه
الأزرار أحسن من الروابط العادية, بحكم أنها جدابة للأنظار وتجعل الزائر يتصفح مدونتك لأطول مدة.

لنشرع في شرح الدرس :

أولا ندخل إلى لوحة التحكم على مدونتك, ثم إلى تصميم الصفحة, بعد ذلك ندخل إلى تعديل HTML , ثم نعلم على توسيع القالب.


لإستبدال رابط "رسالة أقدم" :

1- نضغط على CTRL + F للبحث عن الكود أسفله
<data:olderPageTitle/>
2- ثم ننسخ مكانه الكود التالي :
<img src='http://1.bp.blogspot.com/-VcFKn2JCJnQ/UND8cTfFHOI/AAAAAAAAA2U/6I0BQE5mDWk/s200/Suivant--afkarpro.blogspot.com.png' style='border: 0 none;vertical-align: middle;'/>

لإستبدال رابط "رسالة أحدث" :


1- نضغط على CTRL + F للبحث عن الكود أسفله
<data:newerPageTitle/>
2- ثم ننسخ مكانه الكود التالي :
<img src='http://4.bp.blogspot.com/-mLPlaETYeeY/UND8c3AKEVI/AAAAAAAAA2g/bgpRqWxcEi8/s200/Pr%25C3%25A9c%25C3%25A9dent-afkarpro.blogspot.com.png' style='border: 0 none;vertical-align: middle;'/>

لإستبدال رابط "الصفحة الرئيسية" :

1- نضغط على CTRL + F للبحث عن الكود أسفله
<data:homeMsg/>
2- ثم ننسخ مكانه الكود التالي :
<img src='http://1.bp.blogspot.com/-EIx9-sc152M/UND8cJWO7kI/AAAAAAAAA2I/LFL-iPBW7rk/s200/accueil-afkarpro.blogspot.com.png' style='border: 0 none;vertical-align: middle;'/>


ضع روابط الصور التي اخترتها مكان الروابط باللون الأحمر.

و في ما يلي بعض صور الأزرار يمكنك استعمالها :

 
 



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

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




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

هناك تعليق واحد :