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.


Dengan ini cara memasang back top dan langkah-langkahnya seperti berikut:

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.

................start 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>

.....................end coding html................

Ok langkah terakhir sekali, korang klik Preview terlebih dahulu. Jika tiada mesej berkaitan Error yang terpapar, korang boleh klik Save.


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.


Button back
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


Post a Comment

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

Lebih baharu Lebih lama