Cara Memasang Tombol Back To Top Dengan Icon SVG di Viomagz

Jagoandzgn.com - Pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana Cara Memasang Tombol Back To Top Dengan Icon SVG di Viomagz, Nah kali ini kita menggunakan icon svg karena dengan menggunakan icon tersebut blog kamu memiliki kecepatan loading blog yang sangat cepat dibanding font awesome, karena tidak memanggil js font awesome bawaan template.


Mungkin dari kamu sudah mengetahui fungsi dari tombol back to top ini yaitu untuk mempermudah pengunjung untuk kembali ke atas secara mudah hany dengan mengklik tombol tersebut, tentunya ini akan sangat membantu pengunjung saat membuka artikel yang sangat panjang untuk kembali ke menu atas dengan mudah hanya mengklik tombol back.

Cara Memasang Tombol Back To Top Dengan Icon SVG di Viomagz

1. Silahkan kamu login ke blogger.com dengan menggunakan akun Gmail kamu.
2. Masuk ke menu TEMA > klik Edit HTML
3. Selanjutnya, silahkan kamu cari kode dibawah ini.

<i class="fa fa-chevron-up"></i>

4. Pastikan kode tersebut yang berada di tag back to top, ganti kode tersebut dengan kode dibawah ini.

<svg style='width:24px;height:24px;vertical-align:-3px' viewBox='0 0 24 24'>
<path d='M22.78,17.91C22.94,18.16 23,18.42 23,18.7C23,19.08 22.87,19.39 22.57,19.64C22.27,19.89 21.94,20 21.56,20H19.08L12.42,8H11.58L4.92,20H2.39C1.92,20 1.53,19.8 1.22,19.38C0.91,18.96 0.89,18.5 1.17,18L10.78,1.69C11.09,1.22 11.5,1 12,1C12.53,1 12.92,1.22 13.17,1.69L22.78,17.91M4.78,22.31L12,9.38L19.22,22.31L18.5,23L12,20.34L5.44,23L4.78,22.31Z' fill='#ffffff'/>
</svg>

5. Kalau sudah silahkan klik SIMPAN dan Selesai.

 Bagaimana mudah bukan untuk tutorial Cara Memasang Tombol Back To Top Dengan Icon SVG di Viomagz, apabila kamu memiliki pertanyaan seputar blogger silahkan komen di kolom komentar dibawah artikel ini.
Seorang yang memiliki kepribadian yang menyendiri, tanpa mengenal dunia luar hanya melalui dunia online saja.
  • Facebook
  • WhatsApp
  • Instagram
  • Tampilkan Komentar
    Sembunyikan Komentar

    0 Komentar

    Posting Komentar

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel