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

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

السلام عليكم أحبابي متابعي وزوار مدهش ويب

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

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

للمعاينة

في الفوتر اسفل المدونة

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

ادخل إلى القالب في لوحة التحكم في بلوجر وبعدها تحرير 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>
<!-- http://modhich-web.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><!-- http://modhich-web.blogspot.com/-->    <a href='#' id='abt-Top' style='display: none;'>الى الأعلى </a>

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

• غرد تغريدة
• شاركه
• شاركه
• شاركه
• شاركه