HTML Sayfa Başı (Yukarı Çık) Kodu

Blogger Sayfa Başına Git (Yukarı Çık) Kodu

Web sayfalarında yada sitenin tamamında yukarı çık veya sayfa başına çık için kullanabileceğimiz güzel bir kod

<a href="#top">Sayfa Başı</a>

Resimli yukarı çık için

<a href="#top"><img src="YUKARI RESİM URL" /></a>

Butonlu yuları çık için

<a href="#top"><button>Yukarı Çık</button></a>

Butonlu yuları çık için Altı çizgili olması için

<button><a href="#top">Yukarı Çık</a></button>

Sayfa kenarında kayan yuları çık buronu için

<a style="display:scroll;position:fixed; bottom:75px; right:5px;" href="#" title="YUKARI ÇIK"><img src="YUKARI RESİM URL" /></a>

Bir örnek yapalım

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUDoFAfKK0NCtx7SORgj8eNAnUQyipgKASoozNggVgiOeZwXVXcBYzTpAA_28lsS_XfBzm_sSBQlAZ32BeWkOI2I2gPyrG9HfCPzjk598GD93e-jy3_9u9L8j0F8uZp4JIykG-jqgo_48/s1600/top.gif" /></a>

Yukarı Çık Aşağıya İn Butonu

HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.



* Canlı Demo için
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Editörünü kullanabilirsiniz.