تركيب زر الصعود لأعلى الصفحة (بلوجر)
السلام عليكم ورحمة الله وبركاته أحبائي متابعى مدونة عملاق النت اليوم موعدنا مع اضافة
طريقة التركيب
نذهب الى لوحة التحكم ثم تحرير Html ثم قالب
- نبحث
عن الرمز</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>
No comments: