كود ايقونة زر الرجوع للاعلى باكثر من شكل لمدونات بلوجر

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

كود الذهاب للأعلى لبلوجر

طريقة اضافة الكود اذهب لادارة المدونة اختار المظهر ثم تعديل HTML اضغط من الكيبورد على Ctrl + F وابحث عن هذه الوسم ]]></b:skin>
بعد البحث عن الوسم قم بنسخ الكود الاسفل ولصقه اعلاه تماماً.

#ScrollToTop{text-align:center; position:fixed; bottom:0px; right:0px; cursor:pointer;display:none;padding: 0px 15px 13px 0px}

اضافة الكود الثاني ابحث عن هذه الوسم </head> ثم انسخ الكود الاسفل ولصقه اعلاه تماماً.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('#ScrollToTop').fadeIn()} else { $('#ScrollToTop').fadeOut();}});
$('#ScrollToTop').click(function(){$('html,body').animate({scrollTop:0},1000);return false})});
</script>

والان اضافة الكود الثالث ابحث عن الوسم </body> وانسخ الشكل الذي يناسبك ولصقه اعلاه تماماً.

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilXZljfD2A_-u4RxYbUAqwQHF0a59JRgD_uT3l_i1NG5R6vJXspPWUt7WSrSwrisuWQM2XVhU6lGVv-vA2H5ZFhWe3TMv5SEp-pJPNmVZfYx-2uKyj5kC3I30l_FSkegEIXTISwSAzR7tc/s1600/backtotop1.png'/></div>

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhflCdv9dcquJ5utArtLWtrhSmMPefR_7cZLma_LoWpY73z2LChxFBYsTgpEtuDJcwOReBkjx-IzAuHPEStc1_ckuAUwC3FNg00CTptLPEy7NnEmiK2Wpz5K49W2Wum5iVmww72xYBlfYfD/s1600/backtotop2.png'/></div>

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdL7Iyeq8qpkm-4wJFBZH1iJlz82kzCQ9L-FpijLB6feheVIltSUps-NEOjbOu0BXP8-VWuFToShXFhyphenhyphenO69wkxaY8T-azVZHOOyVEfQgybFwAja8vXPJeUKSWuSUmTvUEMVNJD7ZChnzR-/s1600/backtotop3.png'/></div>

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCF0N7mS3VyVq6-2YV5DAiDP4xFD0VEj8qvBXIAH6DyH1KYPU3bbWkQS0ZyTy2MnXVhyphenhyphen3nNA78_vx869yyxee9Ur0ReyAa4XlpzknsCZOsP7eZ9nf7tb9a-nZRGd8nq5wBOTg6WuJZJEUv/s1600/backtotop4.png'/></div>

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7LuOhzlWhaIm6_HPp4ySaZ162eZKZlZyuaE3wolEU5ls3WW5-glpZKkOEwd7q0IuuHZ_l5fv1UaYDjpl0y6xsjuR1V1BjtTejVGZR1xCThSs_I-LNEpcA3c0RqIIkPiqfOMyULq0z9FeQ/s1600/backtotop5.png'/></div>

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbMemAKiiCMAYpCv3YzX8PvAIyZQlLnS9SX6EQA2dEuT7awSuUFdHnnHBSgG0tdrDzWXE1brIT86ZIilxRWTT79sMc32X4bdto-47H9cXNvsJkUakqiNLiLJIf7osnrr8EGHZn38twjd49/s1600/backtotop6.png'/></div>

في أمان الله.