Yukarı Git ve Aşağı Git Düğmesi Nedir ? 

Yukarı Git ve Aşağı Git Düğmeleri,fareyle hareket ettirmek yerine kolayca yukarı ve aşağı git düğmeyleriyle sayfa içersinde daha kolay gezinmek için kullanılıcak ve ziyaretçileri sayfanın tamamını gezdirmek için güzel bir eklenti.

Yukarı Git ve Aşağı Git Düğmesi Nasıl Yüklenir.

illk adım ,Blogger > Temalar Menüsünü açın > HTML kodunu düzenleye tıklayın ve aşağıdaki kodu bulun

</head>

ve sonra kodun bir alt satırına aşağıdaki kodları ekleyin.

<script type='text/javascript'>
//<![CDATA[
function loadCSSundefinede, t, n) { "use strict"; var i = window.document.createElementundefined"link"); var o = t || window.document.getElementsByTagNameundefined"script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBeforeundefinedi, o); setTimeoutundefinedfunction undefined) { i.media = n || "all" }) }
loadCSSundefined"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>

Yukarıdaki kodu ekledikten sonra aşağıdaki kodu hemen altına ekleyin.

<style type='text/css'>
/* Go Up and Down */
#scrollToTop{display:none;list-style:none;position:fixed;bottom:49%;right:20px;cursor:pointer;-webkit-transform:translateZundefined0);transform:translateZundefined0);z-index:99}
#scrollToTop a{display:inline-block;background:#fff;color:#222;font-size:.8rem;margin:5px auto;padding:12px 14px;border-radius:99em;box-shadow:0 2px 3px rgbaundefined0,0,0,0.06),0 2px 3px rgbaundefined0,0,0,0.1)}
#scrollToTop a:hover{color:#222;box-shadow:0 10px 21px rgbaundefined0,0,0,0.15),0 6px 6px rgbaundefined0,0,0,0.12)}
#top{position:absolute;top:0}
</style>

Daha sonra aşağıdaki kodu bulun

</body>

Aşağıdaki kodların bir üst satıra ekleyin

<ul id='scrollToTop'>
  <li><a href='#top'><i class='fa fa-chevron-up' title='Go up'/></a></li>
  <li><a href='#bottom'><i class='fa fa-chevron-down' title='Go down'/></a></li>
</ul>
<div id='top'/>
<div id='bottom'/>

<script type='text/javascript'>
//<![CDATA[
jQueryundefineddocument).readyundefinedfunctionundefined){var o=220,r=600;jQueryundefinedwindow).scrollundefinedfunctionundefined){jQueryundefinedthis).scrollTopundefined) > o?jQueryundefined"#scrollToTop").fadeInundefinedr):jQueryundefined"#scrollToTop").fadeOutundefinedr)})});
$undefinedfunctionundefined){$undefined"a[href*=#]:notundefined[href=#])").clickundefinedfunctionundefined){ifundefinedlocation.pathname.replaceundefined/^\//,"")==this.pathname.replaceundefined/^\//,"")&&location.hostname==this.hostname){var t=$undefinedthis.hash);ifundefinedt=t.length?t:$undefined"[name="+this.hash.sliceundefined1)+"]"),t.length)return $undefined"html,body").animateundefined{scrollTop:t.offsetundefined).top},600),!1}})});
//]]>
</script>

Temayı Kaydedin.

Eklentiyi İncelemek için tıklayın.