اضافة زر الرجوع إلى أعلى بأشكال جميلة لمدونات Blogger
ربما تكون قد شاهدت الكثير من اشكال ازرار "الرجوع إلى أعلى" في المواقع التي زرتها . أنا متأكد من أنك تحاول تنفيذ زر جميل من الخلف إلى الأعلى في مدونتك الإلكترونية. العودة إلى أعلى أو التمرير إلى الزر العلوي يزيد من متعة تجربة المستخدم.
هذا سيجعل القراء أكثر راحة أثناء استخدام موقعك. لذلك من المهم جدًا استخدام هذا الزر في موقع الويب. في الوقت الحاضر ، فهو جزء حيوي من المدونة . لهذا السبب ، سأشاركك أجمل طريقة لتخصيص واضافة زر الصعود الي الاعلي مع ميزة جميلة جدا سوف اشرحها في اخر المقالة .
أعتقد أنك قد تعجبك أحد الأزرار ، وسوف تقوم أيضًا بتطبيقه على موقعك . أيضًا ، سأريك خطوة بخطوة لإضافة زر الرجوع إلى أعلى في مدونتك الإلكترونية. ومع ذلك ، إذا كنت لا تعرف الكثير عن الترميز ، فلا تقلق. هذه المهمة سهلة للغاية وبعد التنفيذ ، ستحصل على نتيجة رائعة.
اضافة زر الرجوع إلى أعلى Blogger:
أولاً وقبل كل شيء ، يجب عليك التحقق من أن قالب المدون الخاص بك يمكن هذه الميزة أو لا. ولمعرفة ذلك ، انتقل إلى لوحة بيانات Blogger> المضهر> تحرير HTML.
(ملاحظة: قبل تحرير أي كود HTML ، يجب عمل نسخة احتياطية من القالب بأكمله.)
من هنا ، ابحث داخل قسم الاكواد <head> ......... </head> للعثور على الكود أدناه:
الامر الذي اشرة اليه في اول المقالة وهو امكاننية تصميم صورة الزر الذي تريده عن طريق احد محررات الصور ورفعها في احد المواقع واخذ الرابط ووضعه في داخل الكودالسابق بدل الرابط الملون بالابيض او البحث عن صورة في جوجل عن زر يناسبك واخذ رابطه واضافته الي الكود السابق .
نأمل أن يعمل الزر على مدونتك بنجاح . في الواقع ، يتم اختبار كل هذه الأزرار وتعمل بشكل رائع مع قوالب المدونات . إذا كنت قد اتبعت الخطوات الثلاث بدقة ، فيجب أن تعمل هذه الأزرار على مدونتك بشكل عادي .
لتحميل اللعبة بأقصى سرعة أكتب تعليق أسفل الموضوع لمضاعفة سرعة التحميل
السلام عليكم بارك الله مجهوداتك قمت باضافة زر الرجوع كما شرحت وتم بنجاح إلا أنّه عند عرض المدونة يزهر على اعلى الصفحة هذه العبارة: /* CSS For Back To Top Button*/ .back-to-top-by-tl-point { position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #000000; font- size: 12px; padding: 1em; display: none; } .back-to-top-by-tl-point:hover { text-decoration: none; } فما الحل وهذا عنوان المدونة: https://alhilely.blogspot.com/ وهذا عنوان بريدي الالكتروني: alhileliya2021@gmail.com مع الشّكر الجزيل
السلام عليكم
ردحذفبارك الله مجهوداتك
قمت باضافة زر الرجوع كما شرحت وتم بنجاح إلا أنّه عند عرض المدونة يزهر على اعلى الصفحة هذه العبارة: /* CSS For Back To Top Button*/ .back-to-top-by-tl-point { position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #000000; font-
size: 12px; padding: 1em;
display: none; } .back-to-top-by-tl-point:hover { text-decoration: none; }
فما الحل وهذا عنوان المدونة: https://alhilely.blogspot.com/
وهذا عنوان بريدي الالكتروني: alhileliya2021@gmail.com
مع الشّكر الجزيل
وعليكم السلام
حذفهذا يحدث عندما يكون الكود غير مكتوب بطريقة صحيحة فيقرأه المتصفح علي انه نص وليس كود
لذلك تأكد اخي من أي خطأ في نقل الكود فالمشكلة منه