Harry Potter - Golden Snitch

Tutorial - Pasang Button Back To Top

Cara mudah pasang Button Back To Top
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

6 comments:

Don't forget to drop your comment.. Thanks ya!

Tutorial Blog Tutorial Blog Tutorial Blog
Creative Commons License
Khaiangel (Dot) Com is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
.
©KhaiAngel.Blogspot.Com All Rights Reserved