Cara Membuat Tombol ke Atas (TOP) Pada Blog
Kunjungi
Home » » Cara Membuat Tombol ke Atas (TOP) Pada Blog

Cara Membuat Tombol ke Atas (TOP) Pada Blog

Cara Membuat Tombol ke Atas (TOP) Pada Blog

Pernahkah kalian membaca sebuah artikel blog yang panjang dan terus kebawah lalu anda akan secara manual menggeser menggunakan mouse keatas atau secara manual memakai tombol up dikeyboard komputer anda!. 
Top

Hal itu pastinya akan sangat membosankan juga sedikit kurang efisien karena dilakukan manual, solusinya harus ada satu tombol khusu agar lebih otomatis naik keatas.

Tombol back to Top ini sangatlah penting bagi blog, tombol ini akan muncul saat halaman blog atau webiste di scroll ke bawah. 

Posisi ikon tombol berada di samping kanan bawah sehingga nantinya tidak akan mengganggu halaman atau pengguna saat menjelajahi blog. 

Back to Top saat ini tengah menjadi trend website atau blog karena user friendly. Back to Top ini memiliki fungsi memudahkan pengunjung kembali ke halaman atas dengan satu klik saja. 

Bagaimana cara membuat fitur back to top di blog? Mari simak caranya di bawah ini.

· Cara 1

1. Anda harus login terlebih dahulu ke blogger.com

2. Kemudian klik di menu Template atauTema dan klik edit HTML

3. Pastikan di dalam blog anda terdapat kode jquery dengan kode di bawah ini :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Jika sudah selesai ada baiknya cek terlebih dahulu apakah sudah muncul tombolnya, jika belum juga muncul tombol back to top di blog anda jangan kuatir anda dapat melakukan cara pintas di bawah ini:

1. Masuklah di menu template lalu klik edit HTML

2. Kemudian cari ( CTRL + F) pada kode </head>

3. Setelah itu copy kode diatas dan klik paste pada kode </head>

4. Setelah selesai klik save untuk menyimpan
Setelah anda memasang kode Jquery di template HTML anda maka anda dapat menempuh langkah selanjutnya yang saya sajikan di bawah ini:

1. Kembali pada menu template / tema di blog anda

2. Dan klik “ Edit HTML

3. Carilah kode </head>

4. Selanjutnya anda dapat mengcopy dan klik paste kode yang lain diatas kode </head>

Anda juga bisa menaruh koding dibawah sidebar blog anda dengan cara;

1. Pilih pada tata letak blog anda

2. Selanjutnya tambahkan widget baru pada ikon sidebar

3. Pilihlah javascript atau HTML

4. Dan klik copy serta paste kode script yang akan anda masukan

· Cara 2

Tips kedua ini memakai bantuan file library  atau bernama Jquery untuk menempatkan button back to top di blog anda, Berikut penjelasannya;

1. Import dahulu file library Jquery yang anda miliki ke dalam tag < head > setelah itu anda dapat meletakan di bawah < title >

2. Jika sudah selesai anda dapat menggunakan elemen sebagai go to up yang anda inginkan. Anda dapat menggunakan tanda panah ke atas atau tulisan berupa go to up.

3. Anda dapat menggunakan make up atau polesan dalam tulisan go to up menjadi lebih menarik dengan menggunakan CSS yang dapat di taruh di atas file library yang tadinya kita import terlebih dahulu.

4. Langkah terakhir disini anda dapat menggunakan black kode untuk membuat tombol tadi berfungsi sesuai tujuan yang anda inginkan tadi. Setelah itu taruhlah di file yang bernama file library Jquery.

Di atas merupakan artikel yang membahas tentang cara membuat tombol ke atas ( TOP ) pada sebuah blog. Semoga artikel ini bermanfaat nantinya bagi anda.

0 komentar:

Post a Comment