Blogger'da Yukarı Çık Butonu ekleyin

HTML düzenle
Blogger'da Yukarı Çık Butonu nasıl eklenir ile ilgili bu yazı blog'un sağ alt kısımda görülen yukarı çık resimli görselin nasıl yapıldığını anlatan makaledir. Öncelikle Blogger kumanda panelinde tasarım> şablon> HTML'yi düzenle seçin ve aşağıdaki Css etiketini (Ctrl+F) tuşlar yardımı ile aratıp bulun. "Şablon yedeginizi almayı unutmayın"
]]></b:skin>
Bu kodun hemen üst kısmına aşağıdaki etiketi yapıştırın.

#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
http://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png
Resim 2
http://3.bp.blogspot.com/_JwD5r652h00/SvDBW-al_pI/AAAAAAAAARg/Aoxlzmp3Kw0/s400/bttp-14.pngResim 3
http://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/FIPZOwsTTBc/s400/bttp-15.png
Resim 4


http://3.bp.blogspot.com/_JwD5r652h00/SvDBloI2NZI/AAAAAAAAARw/VI-Li7cPUvM/s1600/bttp-16.png
Resim 5
http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.pngResim 6
http://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png
Resim 7
http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png

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

<a href="#" id="backtotop"><img src="http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png" alt="back to top" /></a>Veya sadece yukarı çık yazmasını isterseniz ;
<a href="#" id="backtotop">Yukarı Çık!</a>

yukarıdaki link gibi kullanabilirsiniz. Şablonumuzu kaydediyoruz. Herhangi bir hatayla karşılaşırsanız HTML yazan kısımda şablonu varsayılana döndür seçeneği ile geri alabilirsiniz.

Bu blogdaki popüler yayınlar

Youtube Video Önizleme Küçük Resmi Nasıl Değiştirilir

YouTube Kanalına Yönlendiren Özel URL Alma

Friend Connect Blogger İzleyiciler Gadgeti Emekli Çözüm

WordPress Facebook Google Plus Disqus Yorum Eklentileri

Windows 10 Rezervasyon Bildirimi Çıkmıyor mu Çözüm

Blogger Üst Menüye Kategori Ekleme (Videolu Anlatım)

Attribution Gadgetini Etkinleştir (Videolu Anlatım)

Wix Ücretsiz Sitenize Yorum Kutusu Ekleme

Son Yazılar Eklentisi (Animisyonlu)