Blogger Sayfayı Aşağı Yukarı Kaydırma Butonları

1-Blogger panelinde sol menüde ki Tema kısmına girin 2-Sayfanın ortasında ki HTML’i düzenle kısmına tıklayın 3-Kodların olduğu herhangi bir yere tıklayın ve CTRL+F tuş kombinasyonu yardımıyla arama kutusunu açın 4- ]]></b:skin> kodunu aratıp bir satır üzerine aşağıda ki kodu ekleyin.

<style>
#blogToTop{position:fixed;display:none;list-style:none;bottom:49%;right:20px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}
#blogToTop a{display:inline-block;background:#fff;font-size:.8rem;margin:5px auto;padding:12px 14px;border-radius:100%;-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14)}
#blogToTop a:hover{-webkit-box-shadow: 0 4px 6px 0 rgba(0,0,0,0.14);box-shadow: 0 4px 6px 0 rgba(0,0,0,0.14)}
#top{position:absolute;top:0}</style>

5-Kodların olduğu herhangi bir yere tıklayın ve CTRL+F tuş kombinasyonu yardımıyla arama kutusunu açın 6- </body> kodunu aratıp bir satır üzerine aşağıda ki kodu ekleyin.

<ul id='blogToTop'>
<li><a href='#top'><svg width="24" height="24" viewBox="0 0 1792 1792"><path d="M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z"/></svg></a></li>
<li><a href='#bottom'><svg width="24" height="24" viewBox="0 0 1792 1792"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"/></svg></a></li>
</ul>
<div id='top'></div>
<div id='bottom'></div>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){var o=220,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#blogToTop").fadeIn(r):jQuery("#blogToTop").fadeOut(r)})});
$(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},600),!1}})});
//]]>
</script>

7- Evet artık sitemize sayfa sonuna ve sayfa başına çıkma kodlarımızı ekledik. Temamızı kayıt edip kullanmaya başlayabilirsiniz.