كود العودة الى اعلى الصفحة لمدونات بلوجر

السلام عليكم ورحمة الرحيم

كود الرجوع الى اعلى الصفحة لمدونات بلوجر

الكود طبعا غني عن التعريف 

حيث يمكن الزائر  من الرجوع الى اعلى الصفحة عندما تكون اسفل الصفحة 

مما يسهل كثيرا ويوفر الكثير من الوقت
يمكنك معاينة الاداة اخر المدونة
يتميز هذا الكود يصعوده الى الاعلى يشكل سلس وأيضا شمكن تغيير الألوان
والتعديل عليه بالشكل الذي يناسب مدونتك

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

الطريقة سهلة للغاية فقط اتبع الخطوات التالى : 

ادخل الى لوحة التكم ثم اختار تخطيط

اختر اضافة اداة 

ستظهر لك نافذة اختر منها اضافة HTML/JavaScript:

الصق الكود فى المربع ويفضل الا تضع عنوان للاداة ثم اضغط حفظ

<script>

jQuery(document).ready(function() {

var offset = 220;

var duration = 500;

jQuery(window).scroll(function() {

if (jQuery(this).scrollTop() > offset) {

jQuery('.back-to-top').fadeIn(duration);

} else {

jQuery('.back-to-top').fadeOut(duration);

}

});

jQuery('.back-to-top').click(function(event) {

event.preventDefault();

jQuery('html, body').animate({scrollTop: 0}, duration);

return false;

})

});

</script>

<style>

div#page {

max-width: 900px;

margin-left: auto;

margin-right: auto;

padding: 20px;

}

.back-to-top {

position: fixed;

bottom: 2em;

right: 450px;

text-decoration: none;

color: #000000;

background-color: #2666B8;

font-size: 12px;

padding: 1em;

display: none;

border-radius: 0PX 0PX 10PX 10PX;

}

.back-to-top:hover {

background-color: #303030;

text-decoration: none;

border-radius: 0PX 0PX 10PX 10PX;

}

</style>

<a href="#" class="back-to-top">الرجوع للأعلى</a>

تم احفظ الاداة 

واي استفسار اترك تعليق