Korang pasti tahu button back top serta fungsi dalam blog, jom saya akan kongsikan blog tutorial kali ini dengan cara memasang button back top pada blog korang. Butang back top ni adalah untuk memudahkan korang juga pengguna serta pelawat datang ke halaman korang sekiranya terdapat satu artikel entry post korang yang terlalu panjang dengan content melebihi 4000 patah perkataan, dengan ada button back top ni mudah korang nak scroll ke bawah dan juga keatas dengan cepat.
Button back top untuk posting melebihi 4000 patah perkataan
Dengan adanya button back top pada blog ini juga memudahkan pengunjung untuk explore blog yang mempunyai layout halaman korang yang mempunyai paparan panjang. Hanya perlu klik button tersebut, dan page korang akan scroll secara automatik ke atas dengan pantas. Posisi kedudukan button back Top korang Biasanya berada di bawah sekali pada blog, korang boleh mengubah kedudukan button korang dengan adjust coding html kod Yang disediakan dibawah nanti.
pastikan korang backup save template script blog template terlebih dahulu untuk mengelakkan terjadi masalah error pada template korang
PILIHAN CARA KEDUA BACK TOP
Langkah 1 yang perlu korang buat mula sekali
Log in ke www.blogger.com => Dashboard => Layout => HTML/Javascript => Add A Gadget
Seterusnya pada Langkah ke 2
Korang copy/Salin kode di bawah ni dan kemudian korang paste pada ruang Add A Gadget (rujuk pada langkah 1) Dan Selepas tu korang boleh Save.
Langkah 1 yang perlu korang buat mula sekali
Log in ke www.blogger.com => Dashboard => Layout => HTML/Javascript => Add A Gadget
Seterusnya pada Langkah ke 2
Korang copy/Salin kode di bawah ni dan kemudian korang paste pada ruang Add A Gadget (rujuk pada langkah 1) Dan Selepas tu korang boleh Save.
................start coding html............
.....................end coding html................
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://dl.dropbox.com/u/1960768/black.js" type"text/javascript"></script>
Ok langkah terakhir sekali, korang klik Preview terlebih dahulu. Jika tiada mesej berkaitan Error yang terpapar, korang boleh klik Save.
Sudah baca? cara membuat jarak kosong blog
PILIHAN CARA KEDUA
Yang ni untuk blogger yang guna New Interface' :
Macam biasa korang pergi ke :
Layout >Add Gadget > Pilih element/gadget 'HTML/Javascript'
Kemudian korang Copy kod bawah ni :
<a style="display:scroll;position:fixed;bottom:6px;right:6px;" href="#" title="Top">
<img src="https://img.icons8.com/flat_round/64/000000/arrow--v1.png" /></a>
5. Paste kod korang tadi tu pada bahagian 'HTML/Javascript'
Untuk pengubahsuaian seperti dibawah:
"https://img.icons8.com/flat_round/64/000000/arrow--v1.png"
Korang boleh tukar Gambar, Logo, Icon arrow mengikut citarasa sendiri. Boleh search link gambar cari di iconfinder secara percuma dan ada juga servis yang berbayar.
5. Ok korang Save dan lihat hasilnya dekat blog korang okay.
![]() |
Cara memasang button back top |
Dengan perkongsian ini dapatlah menyelesaikan masalah memasang button back top korang dengan mudah..selamat mencuba..sekiranya korang ada masalah dari segi penempatan coding kod html..korang boleh tinggalkan pesanan di ruang Komen..ok kita sekianjumpa lagi Di tutorial Yang akan datang. Sekian terima kasih
Sudah baca ? shadow di tajuk entry blog

Catat Komen
Ada sebarang soalan berkaitan halaman atau cadangan, sebarang bentuk penulisan serta komen adalah dibawah tanggungjawab dan risiko anda sendiri tertakluk pada Akta 588 SKMM