السلام عليكم , من المؤكد انك تعرف تماما زر العودة الى الاعلى الموجودة في العديد من المواقع , وهي من الاضافات المهمة لتسهيل تمرير الصفحة الى الاعلى بالنسبة للزائر , اليوم سنتعرف على كيفية اضافة هده الاداة بشكل رائع وبكل سهولة لتعطي للموقع طابع احترافي وانيق ,
1 ) توجه الى لوحة تحكم البلوجر
2 ) اختر المدونة ثم القالب
3 ) تحرير القالب ثم ابحث عن هدا الوسم </body>
4 ) أضف فوقه هدا الكود
<script type='text/javascript'> jQuery(document).ready(function() { var offset = 220; var duration = 500; jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > offset) { jQuery('#Mba-scrollToTop').fadeIn(duration); } else { jQuery('#Mba-scrollToTop').fadeOut(duration); } }); jQuery('#Mba-scrollToTop').click(function(event) { event.preventDefault(); jQuery('html, body').animate({scrollTop: 0}, duration); return false; }) }); </script> <style type='text/css'> #Mba-scrollToTop {position:fixed;bottom:20px;right:20px;cursor:pointer;z-index:99999;} </style> <a href='#' id='Mba-scrollToTop' style='display:none;'> <svg height='22px' version='1.1' viewBox='0 0 22 22' width='22px' xmlns='http://www.w3.org/2000/svg'><polygon points='16.615,10.647 10.98,4.379 5.345,10.647 9.596,10.647 9.596,19.491 12.364,19.491 12.364,10.647 ' style='fill:#ADADAD;'/><polygon points='2.748,5.503 2.748,2.748 19.233,2.748 19.233,5.51 21.981,5.51 21.981,0 0,0 0,5.501 ' style='fill:#ADADAD;'/></svg></a>
ثم في الاخير قم بحفظ القالب ومبروك ,
