إضافة زر الصعود إالى الأعلى في الفوتر

السلام عليكم أحبابي متابعي وزوار نقطة إبداع

في تدوينة جديد وحصرية 

في هذه التدوينة سوف إقدم إضافة زر الصعود إالى الأعلى في الفوتر

للمعاينة

معاينة الإضافة

طريقة التركيب

ادخل إلى القالب في لوحة التحكم في بلوجر وبعدها تحرير HTML وبعدها إضغط Shift+f وإبحث عن <div id='footer-wrapper'>

وضع الكود التالي فوقه

<style type='text/css'>#abt-Top {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=&#39;#99EEEEEE&#39;,EndColorStr=&#39;#99EEEEEE&#39;);
  background: #57B5AD;
  text-align: center;
  padding: 8px 20px 5px 20px;
  margin-right: 46%;
  cursor: pointer;
  position: absolute;
  height: 35px;
  margin-top: -33px;
  color: #FFF;
}
 </style>
<!-- point-ebda3.blogspot.com-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>    jQuery(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;)     })     } }); jQuery(function($) {     $(&quot;#abt-Top&quot;).scrollToTop(); }); </script><!-- point-ebda3.blogspot.com-->    <a href='#' id='abt-Top' style='display: none;'>الى الأعلى </a>

وإذا لم تجد الكود اترك رابط مدونتك وسوف يتم الإجابة عليك لتضعه في المكان المناسب