Cara Memasang Tombol Back To Top Seo Friendly Di Blog

Cara membuat, menampilkan, atau memasang tombol Back to Top SEO Friendly & Responsive di Blog Blogspot.

TOMBOL Back to Top (BtT Button) ialah ikon atau gambar kecil di bab bawah blog untuk memudahkan pengunjung kembali ke bab atas blog tanpa harus scroll mouse.

Back to Top Button allows your website visitors to easily scroll back to the top of the page -letting users jump to the top of the page.

Yang dimaksud tombol "Back to Top" SEO Friendly & Responsif ialah tidak mempengaruhi kecepatan loading dan mobile friendly.

PENTINGKAH?

Penting gak penting. Jika halaman blog Anda pendek, gak penting. Tapi kalau tulisannya panjang, akibatnya penting.

Benar, user dapat klik link "Home", tapi 'kan itu mah mengarah ke halaman depan, bukan ke atas (top of page). Selengkapnya, baca deh "Sejarah Back to Top".

Posting ini "hanya" mengembangkan soal bact to top yang dipasang di Blog Demo ini, di kanan bawah. 

Cara Memasang Tombol Back to Top SEO Friendly di Blog

1. Template > Edit HTML

2. Scroll ke bawah dan COPAS isyarat berikut ini sempurna di atas isyarat </body>

<span class='back-to-top'><a href='#'> &#8593; </a></span>
<span class='back-to-top-a'><a href='http://iniblogdemo.blogspot.com/'>Blog Demo</a></span>
<style>
.back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999}
.back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;}
.back-to-top a {font-size: 30px ;background-color: #DD3434 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #272727 ;text-decoration: none}
</style>

That;s it! Just "Save Template" and tombol Back to Top SEO Friendly & Responsive sudah muncul di blog Anda. (http://blogromeltea.blogspot.com).*

Tweet