Возможно, вы уже знаете основную функцию кнопки «Вернуться к началу», которая позволяет посетителям блога мгновенно возвращаться к вершине без необходимости прокручивать страницы вручную, несомненно, это очень поможет посетителям при открытии страницы с длинным содержимым статьи мгновенно вернуться в верхнее меню.
Для тех из вас, кому интересно, как установить его в блоге, давайте следуем инструкциям ниже.
Как установить кнопку «Вверх» с помощью SVG
Сначала откройте Blogger > щелкните меню « Темы» и нажмите кнопку « Изменить HTML» > «Добавить этот код выше». </head>
<style>/* Back To Top */.backtotop{display:none;background:#3c6382;color:#fff;font-size:1.4em;width:40px;height:40px;line-height:40px;outline:0;z-index:999;bottom:20px;right:20px;position:fixed;border-radius:5px;padding:0;text-align:center;cursor:pointer;opacity:1;transition:all .25s}.backtotop svg{width:24px;height:24px;transform:rotate(90deg);vertical-align:middle;transition:all .25s}.backtotop:hover{background:#0a3d62}</style>
Затем добавьте приведённый код ниже, перед </body>
<div class=‘backtotop hide’><svg viewBox=‘0 0 24 24’><path d=‘M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z’ fill=‘#fff’/></svg></div><script>//<![CDATA[$(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(«.backtotop»).fadeIn():$(«.backtotop»).fadeOut()}),$(«.backtotop»).click(function(){return $(«html,body»).animate({scrollTop:0},400),!1})});//]]></script>
Затем нажмите кнопку « Сохранить тему» и просмотрите результаты в своем блоге.
Это все, что нужно для установки кнопки «Вверх» с помощью SVG, надеюсь, это будет полезно.
