Hướng dẫn tạo Button Go to Top và Bottom trong blogger

Button Go to Top


Có bao giờ bạn gặp phải 1 trang web mà kéo rất là dài nhưng không tim thấy thông tin mình cần? Bạn sẽ muốn trở lại lên đầu để rà soát lại, tuy nhiên việc trở lên khiến bạn khó chịu vì website đó trình bày rất dài .Vậy thì để tránh gây ra tình trạng khó chịu cho độc giả của mình như vậy , hãy cùng Softnew xử lý tình huống này với 1 đoạn code hiện thị nút “Go To Top hoặc “Go To Bottom” trên blogger nhé.

Bước 1:  Đăng nhập blogspot , vào phần Dashboard > Design > Edit HTML > Expand Widget Templates.
Bước 2: Tìm với ctrl F và paste  đoạn code sau vào ngay phía trên thẻ </body>

<!-- Go to top and bottom Start -->
<a href='#' style='display:scroll;position:fixed;bottom:35px;right:5px;' title='Go to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSHMLRNOjwfCNRJp1USjEC8ECmpRS05Iyp6RJbMWGPuBI0e8N_Tvuuk9HdMeE_RUZqEOqt7vRneRk8Sbe3I4QqwHXUY0C0i0LLsrAcuuHeyhrn-3REmYCq48JRomcSdWkCAVTfslG63ibV/s30/top.gif'/></a>
<a name="bottom"></a>
<a href='#bottom' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Go to Bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgc0CHIfuhM0cehTr7-NasJz4cEjeMBws5mqPf9LAlNVBzkEwgkGqh97M6pWIGmEL8QYqQPy0x3tQwOfsxk-pmUFHqVkitmhIhqAX476zFal42aWbgAY2Q0KIcT-Nc8ioTYf3QEeZK23oJ/s30/down.gif'/></a>
<!-- Go to top and bottom End -->

Bước 3 : Save template lại và trải nghiệm nào. Vậy là bạn đã thực hiện xong bước tạo nút go to top và bottom.Chúc bạn có thêm khách hàng thân yêu và giảm bouce rate xuống nhé