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

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

طريقة جديد لاضافة زر الصعود لاعلي بشكل جديد لمدونات بلوجر 
إضافة زر الصعود إلى الاعلى لمدونات بلوجر


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



كما ترون هذه صورة الاضافة في قالب ادس بلس , قبل وضع الاضافة يرجي اخذ نسخة احتياطية من قالبك قبل التعديل فيه لتفادي اي مشاكل , الشرح بسيط جدا وليس به اكواد كثيرة ومايميز هذه الاضافة انها لن تجعل الموقع بطيئة
 شرح وضع الاضافة 
قم بفتح المظهر 
ثم قم بفتح تعديل HTML 
ثم قم بالبحث عن </body> وضع هذا الكود فوقه 
 <style>
#sbtbacktotop{
background: url(//1.bp.blogspot.com/-CH03QlSNpBY/UnCY1gMhmXI/AAAAAAAACaM/qZaVYNrP0-s/s1600/back-to-top-sprite-30224d9b.png) 0 0 no-repeat;
height: 130px;
width: 72px;
padding:5px;
position:fixed;
bottom: 5px;
right: 5px;
cursor:pointer;
transition:none;
    z-index:15;
}
  #sbtbacktotop:hover{
    background:url(//1.bp.blogspot.com/-CH03QlSNpBY/UnCY1gMhmXI/AAAAAAAACaM/qZaVYNrP0-s/s1600/back-to-top-sprite-30224d9b.png)no-repeat;
background-position: 0 -142px;
}
</style>
<!-- Back to top button by SBT -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/>
<script type='text/javascript'>

//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100)
{$("#sbtbacktotop").removeAttr("href");$("#sbtbacktotop").stop().animate(
{bottom:"0"},{duration:100,queue:false})}
else{$("#sbtbacktotop").stop().animate({bottom:"30000"},
{duration:8000,queue:false})}});$(function()
{$("#sbtbacktotop").click(function()
{$("html, body").animate({scrollTop:0},"slow");
return false})});
//]]>
</script>
<!-- Code provided to you by sbt -->
<a href='#' id='sbtbacktotop'></a>

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

1 تعليقات

  1. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف

إرسال تعليق

أحدث أقدم