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

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

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

طريقة اضافة الكود

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

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

2. ابحث عن هذه الوسم "</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>

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

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0wluG8yquAXOYg6w1C24qvmcWKN-JnHYR-9RQwyK1qgGqru3uVIkiTw1g1OBIAhJx1AwD_O8NVt1MjR82JdJdDpbwRb74JS6l5jOwwoaEGTzGIOx9JT4LtOzCg_rBZanTgWBMVQolYJWg/s1600/backtotop1.png'/></div>

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

<div id='ScrollToTop'><img alt='Back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9I9XOvTD6x9EUUfYA9qKst_PN9Ucf36HobMUyhsr3S4vEroNl7lsu6aguE9-SnJ7XmIdJsx65jLRJ3X5Fl7Sk0ivyaSVW2a32g-EHMHEjgxhm-JRT-_geZmxrUBNeZTLXbzNtOIsguxYV/s1600/backtotop3.png'/></div>

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

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

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

في أمان الله.