تركيب زر الصعود لأعلى الصفحة (بلوجر)

السلام عليكم ورحمة الله وبركاته أحبائي  متابعى مدونة عملاق النت  اليوم موعدنا مع اضافة 

جد رائعة  اضافة زر الصعود لأعلى التدوينة  على شكل صاروخ 

معاينة اضغط هنا

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

نذهب الى لوحة التحكم ثم تحرير Html ثم قالب 

1. نبحث عن الرمز</body> و نضيف الكود التالى فوقه مباشرة 

2. يمكنك تركيب الإضافة في التخطيط HTML/JAVASCRIPT

لكن غير ناجحة في كل الحالات

<style>
#rocketbacktotop{
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg87uHVFuHtCIGS5GVwhCYIwdY8tohsL_v-dp0fzq1P0cGDts6blaM_xoED6VrVAD_Wx0Wwpi6-FvSQyftT5m2DEe7ApObne062Zd7oFNyWdiZHXnEFMiQyKgn0c-PTAirjGcGUjAd2v1V-/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;
    z-indez:1;
}
  #rocketbacktotop:hover{
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg87uHVFuHtCIGS5GVwhCYIwdY8tohsL_v-dp0fzq1P0cGDts6blaM_xoED6VrVAD_Wx0Wwpi6-FvSQyftT5m2DEe7ApObne062Zd7oFNyWdiZHXnEFMiQyKgn0c-PTAirjGcGUjAd2v1V-/s1600/back-to-top-sprite-30224d9b.png)no-repeat;
background-position: 0 -142px;
}
</style>
<!-- Back to top button by 4BIGNET -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100)
{$("#rocketbacktotop").removeAttr("href");$("#rocketbacktotop").stop().animate(
{bottom:"0"},{duration:100,queue:false})}
else{$("#rocketbacktotop").stop().animate({bottom:"30000"},
{duration:8000,queue:false})}});$(function()
{$("#rocketbacktotop").click(function()
{$("html, body").animate({scrollTop:0},"slow");
return false})});
//]]>
</script>
<!-- Code provided to you by 4BIGNET Blog -->
<a href='#' id='rocketbacktotop'></a>

نلتقي في تدوينة قادمة إن شاء الله والسلام عليكم