Pusatnya Berbagai Tips dan Informasi Seputar Dunia Teknologi

Thursday, 5 March 2015

Memasang Tombol Back To Top Pada Blog SEO Friendly

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.



Memasang Tombol Back To Top Pada Blog 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

  1. Buka blog sahabat dan login.
  2. Kemudian klik menu Template > Edit HTML 
  3. Setelah masuk ke Edit HTML, sahabat cari kode </body>. Untuk mempermudah    sahabat bisa tekan CTRL + F untuk mencari.
  4. Pastekan kode di bawah tepat di atas kode </body>

<span class='back-to-top'><a href='#'> &#8593; </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 :)

Share on Facebook
Share on Twitter
Share on Google+

Related : Memasang Tombol Back To Top Pada Blog SEO Friendly

4 komentar: