كيفية اضافة زر رجوع السلس لأعلى لمدونتك

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

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

الشرح

1: من لوحة تحكم ادخل إلى "قالب" ثم "تحرير html" و أضغط على Ctrl+f وأبحث عن كود التالي

<head/>

2: وألصق كود التالي فوقه

<!-- كود زر رجوع سلس لأعلى --> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //Scroll Top by MKR (function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery); </script> <!-- كود زر رجوع سلس لأعلى -->

3: ومن لوحة تحكم أدهب إلى "تخطيط" ثم "إضافة أداة" وأختر "HTML/JavaScript" وألصق كود التالي كما بصورة

<!-- كود زر رجوع سلس لأعلى --> <style type="text/css"> #top img{ display: scroll; position: fixed; bottom: 5px; right: 5px; z-index: 9999999 } </style> <div> <a href='#' id='top'><img src='http://dc694.4shared.com/img/YbMnqTqsba/s3/14406355778/GoToTop.png'/></a> </div> <!-- كود زر رجوع سلس لأعلى -->
4: أضغط على حفط واستمتع :)

ولأي اسفتصار لا تنسوا وضعه في تعليق