اضافة زر انتقل الى الاعلى بتنقية Jquery لمدونة بلوجر [Blogger]

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

اقدم لك اليوم متابع  افكار بلوجر, اضافة بلوجر جديدة

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

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

معاينة

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

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>

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

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