Membuat tombol Back To Top pada Blog

BackTo Top, Cara Baru Berbagi Online, Sobat Hotline Terkini setelah sebelumnya Membuat folder yang tidak bisa dihapus, kali ini saya akan berbagi post tentang tombol Back To Top. Jutaan blogger di dunia sudah membagikan post ini, namun begitu saya masih punya harapan, ini akan membantu para blogger pemula, seperti saya ini. Menurut Cara Baru Berbagi Online tombol navigasi Back To Top ini memiliki banyak kegunaannya sobat. Yaitu agar pembaca atau pengunjung ingin kembali ke paling Atas dari halaman yang sedang dibaca atau dikunjungi untuk mencari atau mengulang kembali agar didapat pemahaman dari content yang kita sajikan. Sehingga visitor akan mendapatkan informasi yang penuh dan meyakinkan, dan visitor tersebut akan mulai mempercayai Admin blog (penulis Artikel), dan akhirnya akan kembali lagi berkunjung ke blog kita (return Visitor).

Setelah memahami betapa ada gunanya tombol/Button Back To Top ini, mari kita sertakan dalam blog kita, dengan cara sebagai berikut:

Back to Top pada widget

○» Masuk ke Dashboard Blog anda.

○» Pilih menu Layout.

○» Click Add a Gadget pada area blog yang diinginkan

○» Click tanda + pada HTML/JavaScript.

○» Copy and Paste script dibawah ini:

<a style="display:scroll;position:fixed;bottom:2px;right:25px;" href="#top" title="Back to Top"><img src="http://i1321.photobucket.com/albums/u555/MarlonBooketpot/ICONS/Backtotop41_zpsbacc0a87.jpg"/></a>

○» Save, dan lihat hasilnya.

Note :

Bila sobat Hotline Terkini, mau menampilkan Tobol Back To Top. Jika ingin menampilkan tombol Back To Top disebelah kiri , sobat tinggal ganti right menjadi left pada position.

Back To Top dengan Edit Template

○» Masuk ke Dashboard Blog anda.

○» Pilih menu Template. (backup Template sobat, agar aman).

○» Pilih Edit HTML (bila HTML-Editor sobat blank, Restore windows browser, kemudian Maximize kembali)

○» Ctr + F Untuk mengaktifkan pencarian tag.

○» Pada pencarian tag, masukkan tag </body>

○» Copy and Paste script dibawah ini, dan letakkan diatas tag </body> tersebut.

<a href='#' style='position: fixed;bottom:2px;right:25px;' title='Back to  Top'><img src="http://i1321.photobucket.com/albums/u555/MarlonBooketpot/ICONS/Backtotop41_zpsbacc0a87.jpg"/></a>

Notes :

Kalau sobat Hotline Terkini, mau menampilkan Tombol Back To Top. Jika ingin menampilkan tombol Back To Top disebelah kiri , sobat tinggal ganti right menjadi left pada position.

Okay sobat Cara Baru Berbagi Online, demikian Artikel cara menyertakan atau memasang Tombol Back To Top pada blogger. Bagi sobat yang belum memasang tombol ini, saya sarankan untuk memasangnya. Semoga mendatangkan manfaat bagi blog kita, dan memperoleh Return Visitor. Terima kasih, salam Hotline Terkini.

Bagikan Artikel ini via :

Share on fb Tweet Share on G+