اضافة زر الصعود الي اعلي في مدونات بلوجر

اضافة زر الصعود الي اعلي في مدونات بلوجر

اضافة زر الصعود الي اعلي في مدونات بلوجر

اضافة زر الصعود الي اعلي من اهم الاضافات التي يحتاجها المدونين
في مدونتهم لكي
يحسنوا من شكل القناة الخاصة بهم
لكي لا اطيل عليكم هذا الموضوع
شرح الطريقة
1-ابحث داخل القالب عن Ctrl +F
2-ابحث عن </head> وضع الكود التالي قبلة او فوقه
3-ضع هذا الكود

<style>
.crunchify-top:hover {
 color: #fff !important;
 background-color: #ed702b;
 text-decoration: none;
}
 
.crunchify-top {
 display: none;
 position: fixed;
 bottom: 1rem;
 right: 1rem;
 width: 3.2rem;
 height: 3.2rem;
 line-height: 3.2rem;
 font-size: 1.4rem;
 color: #fff;
 background-color: rgba(0,0,0,0.3);
 text-decoration: none;
 border-radius: 3.2rem;
 text-align: center;
 cursor: pointer;
}
<style/>

4-ابحث عن </body> واضف قبلة او فوقه الكود التالي 
5-الكود

<!--  Crunchify's Scroll to Top Script qaisi1web -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</script>
 
<script>            
 jQuery(document).ready(function() {
  var offset = 220;
  var duration = 500;
  jQuery(window).scroll(function() {
   if (jQuery(this).scrollTop() > offset) {
    jQuery('.crunchify-top').fadeIn(duration);
   } else {
    jQuery('.crunchify-top').fadeOut(duration);
   }
  });
 
  jQuery('.crunchify-top').click(function(event) {
   event.preventDefault();
   jQuery('html, body').animate({scrollTop: 0}, duration);
   return false;
  })
 });
</script>

هل اعجبتك المقاله

: شارك

Tweet

✚

مواضيع ذات صلة