اضافة سهم عودة إلى اعلى المدونة

السلام عليكم ورحمة الله وبركاته

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

• اولا اذهب الى قالب المدونة
• ابحث عن هذا الكود </head>
• وضع الكود التالى قبله

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

• وبعد ذلك تبحث عن هذا الكود ]]></b:skin> او </style>

وضع الكود التالى قبله 

.smoothscroll-top { position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:99; background-color:#2ba6e1; color:#fff; width:47px; height:44px; line-height:44px; right:25px; bottom:-25px; padding-top:2px; border-radius:5px; transition:all 0.5s ease-in-out; transition-delay:0.2s;}.smoothscroll-top:hover { background-color:#3eb2ea; color:#fff; transition:all 0.2s ease-in-out; transition-delay:0s;}.smoothscroll-top.show { visibility:visible; cursor:pointer; opacity:1; bottom:25px;}.smoothscroll-top i.fa { line-height:inherit;}

وبعد ذلك ابحث عن  </body>  وضع الكود التالى قبله ..

<div class="smoothscroll-top"> <span class="scroll-top-inner"> <i class="fa fa-2x fa-arrow-circle-up"></i> </span></div><script type='text/javascript'>//<![CDATA[$(function(){ $(document).on( 'scroll', function(){ if ($(window).scrollTop() > 100) { $('.smoothscroll-top').addClass('show'); } else { $('.smoothscroll-top').removeClass('show'); } }); $('.smoothscroll-top').on('click', scrollToTop);}); function scrollToTop() { verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0; element = $('body'); offset = element.offset(); offsetTop = offset.top; $('html, body').animate({scrollTop: offsetTop}, 600, 'linear');}//]]></script>

ثم احفظ القالب ومبروك 

ma

تعريف & الكاتب

محمود ذيهان شاعر وكاتب مصرى مسلم اعشق كل ما يخص التقنية والانترنت دائما احب ان اتعلم شيئا جديد كل يوم