Mungkin ada sahabat yang ingin menambahkan tombol back to top pada blognya dan tidak tau caranya, pada artikel kali ini saya akan memberikan tutorial cara menambahkan tombol back to top yang SEO Friendly.
Sekarang ini banyak sekali di internet cara memasang tombol kembali ke atas ini, tetapi kebanyakan dari mereka tidak SEO Friendly karena ikon panahnya tidak di lengkapi dengan "tittle text" dan "alternatif text".
Selain itu, kebanyakan tombol back to top yang ada di internet juga menggunakan JavaScript/Jquery sehingga memperlambat loading pada blog sahabat.
Fungsi Tombol Back To Top Pada Blog
Dengan di pasangnya tombol Back To Top pada blog sahabat, akan mempermudah para pengunjung untuk kembali ke atas ketika mereka telah membaca postingan sahabat sampai ke bawah, para mengunjung tinggal mengklik tombol panah ke atas, dan akan langsung kembali ke atas blog sahabat.
Cara Memasang Tombol Kembali Ke Atas
5. Ganti url dherma-technology.blogspot.com dengan alamat blog sahabat
6. Selesai, sekarang Save Template, dan lihat blog sahabat sekarang sudah
terpasang tombol back to up yang sangat SEO Friendly.
Semoga Bermanfaat :)
Sekarang ini banyak sekali di internet cara memasang tombol kembali ke atas ini, tetapi kebanyakan dari mereka tidak SEO Friendly karena ikon panahnya tidak di lengkapi dengan "tittle text" dan "alternatif text".
Selain itu, kebanyakan tombol back to top yang ada di internet juga menggunakan JavaScript/Jquery sehingga memperlambat loading pada blog sahabat.
Fungsi Tombol Back To Top Pada Blog
Dengan di pasangnya tombol Back To Top pada blog sahabat, akan mempermudah para pengunjung untuk kembali ke atas ketika mereka telah membaca postingan sahabat sampai ke bawah, para mengunjung tinggal mengklik tombol panah ke atas, dan akan langsung kembali ke atas blog sahabat.
Cara Memasang Tombol Kembali Ke Atas
- Buka blog sahabat dan login.
- Kemudian klik menu Template > Edit HTML
- Setelah masuk ke Edit HTML, sahabat cari kode </body>. Untuk mempermudah sahabat bisa tekan CTRL + F untuk mencari.
- Pastekan kode di bawah tepat di atas kode </body>
<span class='back-to-top'><a href='#'> ↑ </a></span><span class='back-to-top-a'><a href='http://dherma-technology.blogspot.com/'>CB Blogger</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>
5. Ganti url dherma-technology.blogspot.com dengan alamat blog sahabat
6. Selesai, sekarang Save Template, dan lihat blog sahabat sekarang sudah
terpasang tombol back to up yang sangat SEO Friendly.
Semoga Bermanfaat :)
thanks dah sharing bro,,, mau tak pasang di bronanda.blogspot.com
ReplyDeletesilahkan gan, semoga bermanfaat :)
Deletemantap gan,
ReplyDeleteterbantu sekali, makasih min...
ReplyDeletehttp://cody.id/produk/timah-gulung/