Tutorial Blogger

Cara Memasang Tombol Go Up dan Go Down di Blogger

Jika kamu mempunyai website atau blog, pengunjung adalah salah satu hal yang sangat penting, maka dari itu semua yang ada di blog haruslah bisa digunakan dengan nyaman dan baik oleh pengunjung. Banyak sekali cara yang bisa kamu lakukan untuk membuat pengunjung mendapatkan pengalaman terbaik saat berkunjung ke blog kamu, salah satunya dengan cara menambahkan tombol Go Up dan Go Down.

Dengan menambahkan tombol ini akan mempermudah pengunjung untuk menelusuri blog kamu, pengunjung akan lebih mudah kembali ke atas atau ke bawah pada bagian blog kamu tanpa harus melakukan scroll dengan mouse. Tombol ini sangat berfungsi sekali buat blog yang memuat informasi yang cukup banyak. Untuk menambahkan Tombol Go up dan Go down di Blogger, kamu bisa mengikuti tutorial berikut ini.

Langkah:

1. Pertama buka blogger.com pada browser kamu dan login dengan akun Gmail.

2. Selanjutnya masuk ke HTML Editor dengan cara pilih menu Tema pada sidebar dan klik Edit HTML.

Cara Memasang Tombol Go Up dan Go Down di Blogger

3. Tambahkan code fontawesome berikut ini sebelum code </head> atau &lt;/head&gt;&lt;!–<head/>–&gt; pada html editor

Note : jika di blog kamu sudah terdapat code fontawesome tidak perlu ditambahkan lagi.

Cara Memasang Tombol Go Up dan Go Down di Blogger

4. Selanjutnya tambahkan code css di bawah ini tepat sebelum code </head> atau &lt;/head&gt;&lt;!–<head/>–&gt; 
Note : pilih salah satu, untuk tampilan code 1 dan 2 silahkan lihat di gambar akhir. Untuk gaya / style 2 terlihat lebih simple dari gaya / style 1.

Cara Memasang Tombol Go Up dan Go Down di Blogger

Style / gaya 1

Style / Gaya 2

5. Tambahkan kode di bawah ini sebelum code </body>

Cara Memasang Tombol Go Up dan Go Down di Blogger

6. Terakhir silahkan simpan dengan menekan tombol Simpan Tema dan lihat hasilnya.

Cara Memasang Tombol Go Up dan Go Down di Blogger

Demikianlah tutorial cara membuat tombol go up dan go down untuk Blogger, untuk hasilnya akan muncul pada bagian kanan dan melayang, selain itu kamu bisa mengatur warna dan tata letak dengan mengedit css yang telah kamu tambahkan tadi. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Berlangganan tutorial gratis melalui email

Copyright © 2019 Inwepo - All Rights Reserved.

To Top