زر الصعود للأعلى من الإضفات المهمة لمدونات بلوجر كما أنها مفيدة للزائر, وتعتبر هذه الإضافة من أهم الإضافات الجانبية لمدونات بلوجر بشكل عام, فى هذا الموضوع سأريك كيف تقوم بإضافة هذا الزر بشكل بسيط مع الشرح وبالتفصيل بالإضافة إلى ميزة أخرى ستتعرف عليها فى نهاية التدوينة.
ما سنقوم به فى هذا الدرس هو إضافة بعض الأكواد الصغيرة إلى القالب من أجل إضافة الزر بشكل مناسب, وأول شيئ سنقوم به هو التوجه إلى بلوجر ثم الدخول إلى القالب ونقوم بعمل " تحرير HTML ", من ثم نقوم بالبحث عن " " بأستعمال " Ctrl + f " ونقوم بإضافة الكود التالى بعده مباشرة.
ثانياً نقوم بالبحث عن " ]]>
#Rise-to-Top { border-radius: 6px; background: rgba(0, 0, 0, 0.15); width: 80px; text-align: center; padding: 5px; position: fixed; bottom: 20px; right: 50px; cursor: pointer; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.2); } #icon-up:before{ content: "\f077"; font-family: fontawesome; color: #fff; font-size: 18px; }
ثالثاً نقوم بالبحث عن "
" بنفس الطريقة أيضاً ونقوم بإضافة الكود التالى فوقه مباشرة.والشيئ المميز فى هذا الدرس هو إمكانية تغير شكل أيقونة الزر حيث يود العديد من أشكال الأيقونات التى بإمكانك أستعمالها بدل هذه الأيقونة, وسأريك الطريقة الآن بكل بساطة.
ثانياً ستجد العديد من الأيقونات التى بإمكانك أستعمالها, قم بأختيار الأيقونة التى تعجبك.
ثالثاً ستجد أمام كل أيقونة الكود الخاص بها كما بالصورة أسفله :
ليست هناك تعليقات
إرسال تعليق