Blogger Yukarı Çık Butonu Eklemek ~ güncel haber

Bazı bloglarda görürsünüz. Sayfada aşağıya doğru indiğinizde kaydırma çubuğu ile birlikte aşağıya doğru bir butonun indiğini görürsünüz. Bu buton sayfanın en üstüne, en başa dönmeniz için kolaylık düğmesidir. Tıkladığınız anda sayfanın yukarıya doğru kaydığını görürsünüz.

Yabancı bir blogda gördüğüm güzel bir yukarı çık butonunu paylaşmak istiyorum.

Yukarı çık butonunu temanıza nasıl ekleyeceğinizi aşağıdaki adımları dikkatlice uygularsanız çok kolaydır. Unutmayın blogunuzun tasarımında yapacağınız her değişiklikten önce mutlaka temanızın yedeğini alın.

Blogger yönetim panelinden ŞABLON---> HTML Düzenle'ye tıklayarak temanızın kodlarına erişin.

CTRL + F tuş kombinasyonuyla </body> kodlarını aratın ve hemen altına gelecek şekilde aşağıdaki kodları yapıştırın.

<style>

#rocketbacktotop{

background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb2KOQ3k4RyEecEF9UKx6-WyDKPOxcvzGmmPRCPchNJF_UUUlejjD6TaJDcW5kcIR7jQ13IzEBFRTsTMY6S2OZDu1jLEm7vGNJc0BbIPFglPi30-NekT16cYiQ25FQYe5-Zy4jRHbdNwJ_/s1600/yukaricik.png') 0 0 no-repeat;

height: 130px;

width: 72px;

padding:5px;

position:fixed;

bottom: 5px;

right: 5px;

cursor:pointer;

z-indez:1;

}

#rocketbacktotop:hover{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb2KOQ3k4RyEecEF9UKx6-WyDKPOxcvzGmmPRCPchNJF_UUUlejjD6TaJDcW5kcIR7jQ13IzEBFRTsTMY6S2OZDu1jLEm7vGNJc0BbIPFglPi30-NekT16cYiQ25FQYe5-Zy4jRHbdNwJ_/s1600/yukaricik.png)no-repeat;

background-position: 0 -142px;

}

</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js'/>

<script type='text/javascript'>

//<![CDATA[

$(window).scroll(function(){if($(this).scrollTop()>100)

{$("#rocketbacktotop").removeAttr("href");$("#rocketbacktotop").stop().animate(

{bottom:"0"},{duration:100,queue:false})}

else{$("#rocketbacktotop").stop().animate({bottom:"30000"},

{duration:8000,queue:false})}});$(function()