Advertise here

Tombol Back To Top Menggunakan Font Awesome di Blogger. Hai sobat, pada kesempatan ini admin akan berbagi widget blog yaitu tombol back to top yang mungkin saja kamu tertarik ingin menggunakannya. Tombol back to top memiliki peranan cukup penting bagi blog dengan konten yang memiliki halaman yang panjang, pengunjung dapat dengan mudah kembali ke awal artikel tanpa harus scroll halaman.

Font awesome ini memberikan kemudahan dalam menggunakan icon pada website atau blog. Seperti font pada umumnya font awesome ini sangat mudah untuk di customize dengan berbagai style css seperti size, color, drop shadow dan lain sebagainya. Berikut ini admin akan bagikan tombol back to top menggunakan font awesome di Blogger.

Membuat Back To Top Menggunakan Font Awesome
Back to top


Cara Memasang Tombol Back To di Blogger


1. Di Blogger ðŸ‘‰ Tema ðŸ‘‰ Klik di samping Sesuaikan ðŸ‘‰ Edit HTML

Membuat Tombol Back To Top Menggunakan Font Awesome
Edit HTML Template

2. Letakan kode di bawah ini di atas kode </body> :
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>  
<script src='https://raw.githack.com/Brando07/sepeser.com/main/to-top3.js' type='text/javascript'/>
<div class='smoothscroll-top'>
    <span class='scroll-top-inner'>
        <i class='fa fa-2x fa-arrow-circle-up'/>
    </span>
</div>
Jika di template kamu sudah menggunakan font awesome seperti kode warna merah di atas maka kode ini tidak perlu digunakan lagi.

3. Save Template

Sekian tips, trik, tuorial cara memasang tombol back to top menggunakan font awesome di blogspot Blogger. Semoga bermanfaat.
0 Komentar untuk "Membuat Tombol Back To Top Menggunakan Font Awesome"