فور عربى

تصفح موقعنا للحصول على اضافات بلوجر وقوالب بلوجر مجانية واستمتع بتقييم روايات ومانهوا واكتشف بدائل ادسنس المثيرة للاهتمام.

بحث هذه المدونة الإلكترونية

الأحد، 29 أكتوبر 2023

الأحد، 29 أكتوبر 2023
اضافة زر الصعود لاعلي في مدونة بلوجر

اضافة زر الصعود لاعلي في مدونة بلوجر

القسم : اضافات بلوجر اكواد جاهزة بلوجر تصميم حصريات blogger css javascript

اضافة زر الصعود لاعلي + التعديل عليه اوتوماتيكا

اضافة زر الصعود لاعلي في مدونة بلوجر

اضافة زر الصعود لاعلي + التعديل عليه اوتوماتيك

من أجل تحقيق زيادة زوار موقع ينصب اهتمام مشرفي المواقع علي تحسين تجربة المستخدم لديك، فأحياناً تقوم بعض المواقع بنشر مقالات أو تحتوي على محتوى كثيف يتعب الزوار أثناء القراءة أو مشاهدة المحتوى و ليذهب الزوار إلى أعلى الصفحة موقع الويب و تصفح المحتوى بالأعلي.

وكحل لهذه المشكلة يمكنك إضافة زر "الرجوع إلى الاعلى" إلى موقعك الإلكتروني أو مدونة بلوجر، بل و التعديل عليه بطريقة اوتوماتيكية كما سنري بالأسفل. 

زر Back to top

اضافة زر الصعود لاعلي + التعديل عليه اوتوماتيك

وهو عبارة عن زر على شكل أيقونة ، و يوجد عادةً بالأسفل علي يمين الشاشة و يكون مرئيا وملفتا للنظر دائمًا. فعندما يتصفح المستخدمون موقع ويب ، فإن التمرير لأسفل يقوم بإظهار هذه الاضافة و بالضغط علي زر الصعود لاعلي سيسمح لهم بالانتقال إلى أعلى الصفحة أو بدايتها مرة أخرى.

إضافة زر Back to top و التعديل عليه اوتوماتيكيا

قبل استخدام أداة انشاء زر الصعود لاعلي يجب ان تعرف بعض الأساسيات التي ستحتاجها للتعديل و انشاء زر احترافي:

 

1. Color

يحدد لون النص في العنصر باستخدام أسماء الألوان، قيم RGB.

2. Background Color

يحدد لون خلفية العنصر باستخدام أسماء الألوان، قيم RGP.

3. Width

يحدد عرض العنصر باستخدام البكسل (`px`).

4. Height

يحدد ارتفاع العنصر باستخدام البكسل (`px`).

5. Border Radius

يحدد الي اي درجه زوايا العنصر تكون مدورة باستخدام البكسل (`px`).

6. Position Right, Position Bottom, Position Left

يحدد موضع العنصر بالنسبة للعنصر الأكبر الذي يحويه باستخدام البكسل (`px`).

7. Font Size

يمكنك تحديد حجم الخط باستخدام البكسل (`px`).

8. Padding

يحدد المسافة بين محتوى العنصر وحدوده باستخدام البكسل (`px`).


يمكنك تعديل الاضافة بما يناسب موقعك او مدونتك 

و قم بنسخ الأكواد المظللة باللون المختلف و تجربة الكود هنا للتاكد انها تعمل:

ملحوظة: يمكنك إضافة محرر HTML الي مدونتك او موقعك

بعد أن تأكدت ان كل شيء يعمل جيدا ، الان وقت اضافتها لموقعك. 

كيفية تركيب الاضافة زر back to top لموقعك

١.الطريقة السهلة :

  1. توجه الي تنسيق 'layout' في القائمة الجانبية.
  2. نختار إضافة أداة.
  3. نختار html/javascript كما هو موضح بالصور.
  4. الصق الكود الذي نسخته و جربته.



٢.الطريقه الطويلة:

  1. من القائمة الجانبية اختر المظهر و منه انقر علي السهم البرتقالي لتظهر قائمة كما بالصورة اختر تحرير  HTML ليظهر لك قالب صفحة لتحرير القالب.
  2. قم بنسخ مكتبة font-awesome و ضعها بعد وسم <head>
  3. الكود المظلل بالأعلي باللون beige :
  • انسخ كود التنسيق css الموجود بين وسمين هما : <style><style/> و ضعه قبل وسم </head>
  • انسخ كود script الموجود بين وسمين هما <script> </script> و ضعه قبل وسم <body/>
ملحوظة:  يمكنك ايجاد اي وسم او كلمة داخل قالب تحرير HTML و ذلك بالضغط علي مفتاح Ctrl + f من لوحة المفاتيح.




و بهذا مبروك عليك إضافة زر الصعود لاعلي لمدونتك.

المصادر لهذه التدوينة

المصدر ١ - المصدر ٢

الخاتمة

ان افضل اضافات بلوجر ( اضافات بلوجر احترافيه) هي تلك التي تحسن الخدمات التي تقدمها لزوار موقع الويب او مدونة في منصة بلوجر، ما يؤدي الي تحسين ترتيب موقعك في محركات البحث SEO و بالتالي زيادة عدد زوار موقعك و هو ما يسعي اليه اي مشرف مواقع إلكترونية.

ليست هناك تعليقات:

شارك مع اصدقائك:

جميع الحقوق محفوظة لــ فور عربى ©