Blogger Yukarı Çık Butonu

back to top For Blogger
Blogger Yukarı Çık Butonu Nasıl Eklenir
Tamam, şimdi blogger hesabınıza gidin ve Dashboard >> Düzen >> Düzenle html >>, gidin ve aşağıdaki kodu bulabilirsiniz.
 ]]> </ B: skin>
Ve bu kodu eklemeden önce
 # {Backtotop
padding: 5px;
position: fixed;
bottom: 10px; sağ: 10px;
İmleç: pointer;
}
Adım 2
Şimdi aşağıdaki kodu bulun.
</ Body>
ve sonraki kodu eklemeden önce.
<a href="#" id="backtotop"> <img src = " image-URL "alt =" başa dön "/> </ a>  
Ama şablonu için bu kodu eklemeden önce aşağıdaki favori düğmesini seçin ve kırmızı, kelimeleri değiştirin lütfen Görüntü-URL düğmesini url.
geri Blogger için Yukarı
http://3.bp.blogspot.com/_JwD5r652h00/SvDAnTlDfDI/AAAAAAAAAQY/y-NAytkDXjI/s1600/bttp-5.png
geri Blogger için Yukarı
http://2.bp.blogspot.com/_JwD5r652h00/SvDAnGbH7qI/AAAAAAAAAQQ/qKtrVmPCBXY/s1600/bttp-4.png
geri Blogger için Yukarı
http://1.bp.blogspot.com/_JwD5r652h00/SvDAmyqvA9I/AAAAAAAAAQI/hACE99TswzU/s1600/bttp-3.png
geri Blogger için Yukarı
http://1.bp.blogspot.com/_JwD5r652h00/SvDAmXE1tvI/AAAAAAAAAP4/pQk69X73NIo/s1600/bttp-1.png
geri Blogger için Yukarı
http://1.bp.blogspot.com/_JwD5r652h00/SvDAmVOZPMI/AAAAAAAAAQA/_Y2Nd0UZVMM/s1600/bttp-2.png
geri Blogger için Yukarı
http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png
geri Blogger için Yukarı
http://2.bp.blogspot.com/_JwD5r652h00/SvDBCN6PpfI/AAAAAAAAARA/oEpqkKnL0Jw/s400/bttp-10.png
geri Blogger için Yukarı
http://2.bp.blogspot.com/_JwD5r652h00/SvDBBw_U6MI/AAAAAAAAAQ4/KDKaH8OTDO4/s400/bttp-9.png
geri Blogger için Yukarı
http://1.bp.blogspot.com/_JwD5r652h00/SvDBBzoz4II/AAAAAAAAAQw/n9hIomKpQxY/s400/bttp-8.png
geri Blogger için Yukarı
http://3.bp.blogspot.com/_JwD5r652h00/SvDBBlYeFHI/AAAAAAAAAQo/lzY3WpZpwPA/s40
geri Blogger için Yukarı
http://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/28cXbIDOaqk/s400/bttp-11.png
geri Blogger için Yukarı
http://4.bp.blogspot.com/_JwD5r652h00/SvDBWmm_WTI/AAAAAAAAARQ/xfyALfcAbZ4/s400/bttp-12.png
geri Blogger için Yukarı
http://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png
geri Blogger için Yukarı
http://3.bp.blogspot.com/_JwD5r652h00/SvDBW-al_pI/AAAAAAAAARg/Aoxlzmp3Kw0/s400/bttp-14.png
geri Blogger için Yukarı
http://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/FIPZOwsTTBc/s400/bttp-15.png
geri Blogger için Yukarı
http://3.bp.blogspot.com/_JwD5r652h00/SvDBloI2NZI/AAAAAAAAARw/VI-Li7cPUvM/s1600/bttp-16.png
geri Blogger için Yukarı
http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.png
geri Blogger için Yukarı
http://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png
geri Blogger için Yukarı
http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png
Değiştirilmesi sonra Image-URL favori butonu url ile, bu gibi görünüyor olmalıdır
<a href="#" id="backtotop"> <img src = " http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png = "geri" alt üst "/> </ a>
, şablon kodunuzu yapıştırın
Adım 3
Aşağıdaki kodu bulun
<head>
Ve sonra bu kodu yapıştırın.
<Script src = ' http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js '
type = 'text / javascript "> </ script>
<script language="javascript">
$ (Pencere). Ready (function () {
$ ('# Backtotop'). (Function (e) {tıklayın
() e.preventDefault;
$ ('Html, body') animate ({scrollTop: 0}, 'yavaş').;
});
});
</ Script>
ve sonra tıklatın Şablonu Kaydet Ve yapılır.
2. Farklı stilleri ve renkleri ile Top Link Back To Text
Adım 1
Tamam, şimdi blogger hesabınıza gidin ve Dashboard >> Düzen >> Düzenle html >>, gidin ve aşağıdaki kodu bulabilirsiniz.
 ]]> </ B: skin>
Ve bu kodu eklemeden önce
# {Backtotop
genişliği: 100 px; / * Değişim Kutu Genişliği * / 
background: # F4FFBF ;   / * Değişim arka plan rengi * / 
border: 1px solid # ccc ;   / * Değişim Kenarlık Stili * /
text-align: center;
padding: 5px; 
position: fixed;
bottom: 10px; sağ: 10px;
İmleç: pointer;
color: # 666 ; / * Metin rengini değiştirme * /
text-decoration: none; 
}
Ve, blogunuza şablon ile uyum ve uyum için onun özelliklerini değiştirmek lütfen
Değiştirme 100 kutusunun boyutunu artırmak veya azaltmak için daha düşük veya daha yüksek bir sayı.
Değişim 1px kenarlık genişliğini değiştirmek için.
Değiştirme # ccc favori rengi kod değişikliği kenarlık rengi için.
Değişim F4FFBF favori arka plan renk kodu.
Değişim 666 ; favori Metin renk kodu için.

Not: Siz bizim aracılığıyla favori renk kodları alabilirsiniz burada yeni hex renk kodları jeneratörü

Adım 2
Aşağıdaki kodu bulun:
</ Body>
Ve önce, aşağıdaki kodu yapıştırın.
<a href="#" id="backtotop"> Başa dön </ a>
, Butonun üzerindeki yazıyı değiştirmek için sadece değiştirmek için Üste ne kadar istediğiniz kadar,
Adım 3
Aşağıdaki kodu bulun
<head>
Ve sonra bu kodu yapıştırın.
<Script src = ' http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js '
type = 'text / javascript "> </ script>
<script language="javascript">
$ (Pencere). Ready (function () {
$ ('# Backtotop'). (Function (e) {tıklayın
() e.preventDefault;
$ ('Html, body') animate ({scrollTop: 0}, 'yavaş').;
});
});
</ Script>
ve sonra tıklatın Şablonu Kaydet Ve yapılır.