Tutorial - Pasang Button Back To Top

Tweet

Bagaimana cara paling mudah untuk pasangkan button "Back to top" pada blog? Button "Back to top" biasanya digunakan oleh blog yang mempunyai banyak post ataupun post dalam blog mereka panjaaaang. Button "Back to top" disediakan bagi memudahkan pelawat ataupun pengunjung blog kembali ke atas tanpa scroll pada mouse ataupun scroll bar.

Ikuti tutorial tutorial tentang cara paling mudah untuk pasangkan button "Back to top" pada blog korang.

1. Sila ikut langkah ini
Login ke Blogger Dashboard > Layout > Add Gadget > HTML/JavaScript

2. Kemudian Copy kod di bawah dan paste ke dalam HTML/JavaScript korang

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; left: 5px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv7NNoYeed4V4UTA3OH4TGropT_pPsxI_kb5oomLL58r83YDtfILkwnT9ZHn-X0TEMrIENRGv1r9UN6ZK4xNqBl6k5o_hrYlZdrhEdj5_bBDMrDDD_N7gHwDnJLHyP30GFYQTo1al8raY/s1600/Go+to+top+like+a+boss.png" /></a>

• Tukarkan link yang bewarna Oren kepada link URL gambar button yang korang nak

Ok. Gambar di bawah ni hanya sekadar contoh, LOL. Sekiranya korang ingin ubah gambar button "Back to top" korang. Korang boleh cari di google dengan menaip keyword "back to top button for blog".

Ataupun, korang boleh buat button korang sendiri supaya tidak sama dengan orang lain dan upload ke blogger ataupun mana-mana tempat yang korang preffer untuk upload. Seterusnya korang ambil link URL gambar korang tu dan gantikan pada kod di atas.

3. Preview Blog korang dan Save Sekiranya berjaya. Siap!

Selamat mencuba dan semoga berjaya ^^

Senyum :D


Tags: Tutorial Blog, Tutorial Blog Gambar Pasang Button Back to Top, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger