Blogger Yukarı Çık Butonu


Kumanda paneli yeni yayın

Blogger Yukarı Çık Butonu

Nasıl Eklenir

Bu yazımda size farklı bir anlatım olan, blogumda alt kısımda görmüş olduğunuz yukarı çık butonunu anlatacağım. Öncelikle blogger kontrol panelinizden 

Tasarım>şablonlar>  html düzenleye gidiyoruz.

Aşağıdaki kodu aratıp buluyoruz.

Aşağıdaki kodu aratıp buluyoruz.

 ]]></b:skin>

Bu kodun üstüne şu kodu yapıştırıyoruz.

 #backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

Ardından şu kodu buluyoruz.

</body>

Bu kodunda önüne şu kodu yapıştırıyoruz.

<a href=”#” id=”backtotop”><img src=”Resim-Adresi” alt=”back to top” /></a>

Üstte gördüğünüz ‘Resim-Adresi‘ yazan yere aşağıda örnek resimlerden birinin adresini alıp yapıştırmanız yeterli olacaktır.

Resim 1

Resim 2

Resim 3

Resim 4

Resim 5

Resim 6

Resim 7

Yani kodları ekledikten sonra en son şekli şu şekilde olacaktır.

<a href=”#” id=”backtotop”><img src=”https://adnanguney.files.wordpress.com/2012/05/20.png?w=41&#8243; alt=”back to top” /></a>

Veya sadece yukarı çık yazmasını isterseniz eğer

<a href="#" id="backtotop">Yukarı Çık!</a>

şeklinde de kullanabilirsiniz. Sonuç

Reklamlar

UNUTMAYIN! YORUMLAR DİĞER KULLANICILARA YOL GÖSTERİR

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s