Add Back To Top Button On Your Blog

Today I am sharing a simple tutor for blogger. If you have a long content on your blog page then this Back To Top button can help the visitors very much. When visitors click on this button they will be redirect to the top of the page. It helps to save the time of the visitors. It is very easy to install on your blog . It will install the button on the right side of the bottom of the page. You simply need to add a simple html code for this. But first see demo.

Add Back To Top Button On Your Blog

Go to Blogger>Design>Page Element
Click Add a Gadget option

Select HTML/JavaScript option. Copy and paste the below code inside it.

<a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLLR67Mlj3u6UwlyhfnxB4h1BNO-B_eGkjr0VgFQJrqu9q9UxxJbQ55X56j_rzL3fkmFG6m_MYpmtdvN2qVsee8-mNoj1WeHCVhHugJyYyhlKSLaylGPyZL8f6YOd8ePxfhXLr3ieQ3WU/s1600/go_to_top.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYK8HGCqGe3rNrNQJVc3ERrqp-PfTdQOdqaD1hEr10O9slKh11nCRh1o_IgeGdOl8RlQ-bhLFfhLw4QTYjWWF8RpVWukIU36Yme7if8_PSUwOrztoTaxU12pC1qc2Nus1Dpazc3fLlkGY/s1600/go_to_top_small.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYK8HGCqGe3rNrNQJVc3ERrqp-PfTdQOdqaD1hEr10O9slKh11nCRh1o_IgeGdOl8RlQ-bhLFfhLw4QTYjWWF8RpVWukIU36Yme7if8_PSUwOrztoTaxU12pC1qc2Nus1Dpazc3fLlkGY/s1600/go_to_top_small.png'" /></a>

Note:

You can change "Back To Top" with your desire Title.

Hit Save button and your are done .

Penulis : PunJabi Hacker ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Add Back To Top Button On Your Blog ini dipublish oleh PunJabi Hacker pada hari . Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Add Back To Top Button On Your Blog