Tombol Back To Top Fast Loading dan Responsive Blogger

Cara memasang Tombol Back To Top Fast Loading dan Responsive Blogger sebagaimana di blog Katalisnet ini sangat mudah. Cuma ada tiga kode, maka dengannya akan muncul tombol dengan simbol panah ke atas di sisi kanan bawah blog Blogger Anda.

Tombol Back To Top Fast Loading dan Responsive Blogger ini memudahkan pengunjung atau pembnaca kembali ke bagian teratas halaman blog atau web yang sedang dibuka.

Cara Pasang Tombol Back To Top 

1.  Di dashboard Blogger, klik Tema > Edit HTML

2. Pasang LINK ke Font Awesome. 

Copas kode berikut ini di atas kode </head>

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"></link>

3. KODE CSS Back to Top Blogger. 

Pasang kode berikut ini di atas kode ]]></b:skin> atau </style>

/* Back To Top */#back-to-top{background:#E73037;color:#ffffff;padding:8px 10px;font-size:24px}.back-to-top{position:fixed!important;position:absolute;bottom:20px;right:20px;z-index:999}

4. KODE JavaScript Back to Top Bloger. 

Pasang di atas kode </body>

<div class='back-to-top'><a href='#' id='back-to-top' title='back to top'><i class='fa fa-chevron-up'/></a></div><script>            $(window).scroll(function() {if($(this).scrollTop() &gt; 200) {$(&#39;#back-to-top&#39;).fadeIn();} else {$(&#39;#back-to-top&#39;).fadeOut();}});$(&#39;#back-to-top&#39;).hide().click(function() {$(&#39;html, body&#39;).animate({scrollTop:0}, 1000);return false;});</script>

5. Save Template! 

Selesai.

Kini Tombol Kembali ke Atas (Back To Top Button) Fast Loading dan Responsive sudah terpasang di blog Blogger Anda.