Cara Membuat Tombol Back To Top di Blog

Cara Membuat Tombol Back To Top di Blog

Cara Membuat Tombol Back To Top di Blog - Tombol back to top sangat berguna pada bagian halaman blog (website). Memasang tombol back to top atau biasa disebut dengan scroll (kembali keatas) yang berfungsi untuk mempermudah pengunjung blog Anda menuju ke halaman awal.
 
Maka dengan adanya tombol back to top blog atau website yang anda gunakan tampak seperti website profesional pada umumnya.
 
Penambahan tombol back to top sebenarnya sangat lah mudah untuk di terapkan di website Anda. Ada beberapa script yang harus kita sisipkan di code atau kerangka pembuatan blog dengan Edit HTML.   
 

Cara Membuat Tombol Back To Top di Halaman Blog


Berikut ini langkah-langkah Cara Membuat Tombol Back To Top di Halaman Blog :

1. Pertama sekali yang kita lakukan yaitu buka browser dan login ke blogger menuju ke halaman dashboard blogger. Pilih → Theme → Edit Template. Setelah itu cari kode /head dan tambahkan kode di bawah ini lalu letakkan diatas code </head> :

 
2. Masih di bagian halaman yang sama. Salin kode di bawah ini dan letakkan di atas kode </head>
 
 
3. Selanjutnya cari kode ]]></b:skin> lalu salin kode CSS di bawah ini dan letakkan di atas kode ]]></b:skin> :
 
 
 
4. Setelah itu cari kode </body> Salin kode di bawah ini dan letakkan di atas kode </body> :
 

 
Dan terakhir simpan template dan refresh halaman setelah itu lihat hasilnya.
 
Catatan : Untuk menggati logo pada tombol back to top sesuai dengan yang diinginkan caranya dengan membuka edit html cari code yang tadi seperti ini

<div id='ScrollToTop'><img alt='Back to top' src='https://aws-dist.brta.in/2014-12/5613e24c300be1c83c32be12d2af8932.png'/></div>

Caranya dengan mengganti link URL di atas berwarna merah dan ganti dengan link yang Anda punya.

 

Penutup

 
Demikian yang dapat saya sampaikan perihal tentang Cara Membuat Tombol Back To Top di Blog. Kalau ada yang kurang jelas sobat bisa tinggalkan pesan di kolom komentar.

Next Post Previous Post
No Comment
Add Comment
comment url