إضافة زر الصعود و الهبوط لمدونات بلوجر

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

إضافة زر الصعود و الهبوط لمدونات بلوجر

طريقة التركيب

الخطوة الأولى

إذا كنت لا تتوفر على مكتبة الجي كويري في مدونتك , إبحث عن الوسم <head> و ضع أسفله :
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

لمن لا يعرف هل يتوفر على مكتبة جي كويري , إبحث في قالبك بإستعمال ctrl+f عن كلمة "jQuery" إذا وجدت عبارات مثل jquery.js أو jquery.min.js فإعلم أن مدونتك تتوفر عليها ( غالبية المدونات تتوفر عليها )

الخطوة الثانية

بلوجر المظهر ← تحرير HTML .
قم بالبحث عن الوسم ]]></b:skin> و ضع فوقه كود css التالي :
.updown{position:fixed;bottom:20px;left:20px}
.updown > a:before{display:inline-block;width:20px;height:20px;background:#4c4c4c;line-height:20px;text-align:center;font-family:fontawesome;padding:3px;border-radius:3px;color:white;border:1px solid #173245}
.cdtup:before{content:"\f062";margin-left:3px}
.cdtdown:before{content:"\f063"}

الخطوة الثالثة

إبحث عن الوسم </body> و ضع فوقه الكود التالي :
$("body").append('<div class="updown"><a class="cdtup" href="javascript:void(0)" ><span/></a><a class="cdtdown" href="javascript:void(0)"><span/></a></div>');
$(".cdtdown").click(function(a) {
    a.preventDefault();
    a = $(document).height();
    $("html, body").animate({
        scrollTop: a
    }, 500)
});
$(".cdtup").click(function(a) {
    a.preventDefault();
    $(document).height();
    $("html, body").animate({
        scrollTop: 0
    }, 500)
});

ثم نقوم بحفظ القالب , و الآن حصلنا على أزرار التنقل في صفحة المدونة , يمكنك التحسين من شكل الزرين عبر css و تعديلها إلى أي شكل تريده .

إعدادات

20px : المسافة بين أسفل الشاشة و الأزرار
20px : المسافة بين يسار الشاشة و الأزرار
500 : مدة الإنتقال من الأعلى إلى الأسفل أو العكس ( بالثواني ) كل ثانية 1000