اضافة زر انتقل الى الاعلى بتنقية Jquery

السلام عليكم ورحمة الله وبركاته

اقدم لكم اليوم لمدونة ايجى سيتى فى اضافات بلوجر

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

فهى توفر على الزوار الانتقال الى الاعلى بكل سهولة وتساعد فى تصفح المدونة

معاينة

كيفية تركيب الاضافة اتبع الاتى :

1- التوجه الى لوحة التحكم بلوجر

2- اختار قالب ,, تحرير HTML

3- قم بالبحث عن </body> واضف هذا الكود قبله

<style type="text/css"> #w2b-StoTop {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; width:100px;background-color: #EEEEEE;background-color: rgba(238, 238, 238, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;} </style> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#w2b-StoTop").scrollToTop(); }); </script> <a href='#' id='w2b-StoTop' style='display:none;'>إلى أعلى الصفحة </a>

يمكنك اضافة استبدالها بصورة اذا اردت 

اراكم فى مشاركة جديدة ان شاء الله