بسم الله الرحمن الرحيم..
هذا أول موضوع في صفحتنا الجديدة التي سوف نخصصها بإذن الله لمنصة التدوين بلوجر Blogger التي أرجو أن تساهم و لو بالقليل في رفع مستوى التدوين العربي و نسبة المواقع العربية في الشبكة.
أود اليوم ان أعرض لكم إضافة جميلة و مهمة للمدونات و هي الذهاب إلى أعلى الصفحة التي يحتاجها خاصة أصحاب المدونات ذات المحتوى الكثير المعروض في نفس الصفحة.
أعرف أنه توجد الكثير من الإضافات المماثلة لكني أردت عرض هذه الإضافة لأنها أكثر جمالا في طريقة صعود الصفحة إلى أعلى فهي تعتمد على جي كويري jquery.
المعاينة أمامكم و هي بالضبط التي في هذه المدونة.
نمر لتنفيذ الإضافة:
قبل كل شيء، تحسبا لأي عطل أو خطأ يجب أخذ نسخة إحتياطية من القالب
1- إبحث عن هذا الوسم
هذا أول موضوع في صفحتنا الجديدة التي سوف نخصصها بإذن الله لمنصة التدوين بلوجر Blogger التي أرجو أن تساهم و لو بالقليل في رفع مستوى التدوين العربي و نسبة المواقع العربية في الشبكة.
أود اليوم ان أعرض لكم إضافة جميلة و مهمة للمدونات و هي الذهاب إلى أعلى الصفحة التي يحتاجها خاصة أصحاب المدونات ذات المحتوى الكثير المعروض في نفس الصفحة.
أعرف أنه توجد الكثير من الإضافات المماثلة لكني أردت عرض هذه الإضافة لأنها أكثر جمالا في طريقة صعود الصفحة إلى أعلى فهي تعتمد على جي كويري jquery.
المعاينة أمامكم و هي بالضبط التي في هذه المدونة.
نمر لتنفيذ الإضافة:
قبل كل شيء، تحسبا لأي عطل أو خطأ يجب أخذ نسخة إحتياطية من القالب
ثم نقوم بتوسيع القالب بالضغط على علامة صح
و قبله مباشرة ضع هذا الكود
^ أعلى الصفحة
يمكنك تغيير النص باللون الأحمر بالنص الذي تريد (فهو الذي سيمثل الزر الذي سنضغط عليه للذهاب لأعلى الصفحة)
2- الآن نمر إلى المظهر عبر ال CSS
-نبحث عن هذا الكود
]]>
و قبله مباشرة / أعلاه نضع هذا الكود
/* to top */
#toTop { width:100px;background:#F4FFBF;border:1px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }
3- وصلنا للخطوة الأخيرة و هي ال jquery
-نبحث عن هذا الوسم مرّة أخرى
و قبله مباشرة نضع هذا الكود
الآن من المفترض أن كل شيء على ما يرام
قم بعملة الحفظ و شاهد الإضافة
أرجو أن يكون الشرح واضح و سهل و ان تكون قد أعجبتكم هذه الإضافة
دمتم في رعاية الله
المجلة العربية للتدوين