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

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

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

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

كخطوة اولى نذهب الى قالب المدونة >> ثم تحرير HTML >> ثم قم بالبحث عن </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=&#39;#99EEEEEE&#39;,EndColorStr=&#39;#99EEEEEE&#39;);text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#444;text-decoration:none;border:1px solid #C9C9C9;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr(&quot;href&quot;);
if ($(window).scrollTop() != &quot;0&quot;) {
$(this).fadeIn(&quot;slow&quot;)
}
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() == &quot;0&quot;) {
$(scrollDiv).fadeOut(&quot;slow&quot;)
} else {
$(scrollDiv).fadeIn(&quot;slow&quot;)
}
});
$(this).click(function() {
$(&quot;html, body&quot;).animate({
scrollTop: 0
}, &quot;slow&quot;)
})
}
});
$(function() {
$(&quot;#w2b-StoTop&quot;).scrollToTop();
});
</script>
<a href='#' id='w2b-StoTop' style='display:none;'>إلى أعلى الصفحة </a>

1. 
   
2. 
   

1. 
   
2.