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.
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.
Back to top |
Cara Memasang Tombol Back To di Blogger
1. Di Blogger 👉 Tema 👉 Klik di samping Sesuaikan 👉 Edit HTML
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"