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

Xin chào các bạn, 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 hôm nay mình sẽ hướng dẫn bạn 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é

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

Bước 1 :  Đăng nhập blogspot , vào phần Dashboard > Design > Edit HTML > Expand Widget Templates.

Hướng dẫn tạo nút lên xuống trong blogspot (click vào hình để phóng lớn )

Bước 2 : Nhấn Ctrl+F để tìm thẻ </body>

Hướng dẫn tạo nút lên xuống trong blogspot (click vào hình để phóng lớn )

Dán đoạn code sau vào trước 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/AVvXsEiyW1GUDhj2MU1U4ZCaDfzgRueLJSIcEMl-DJAUoYgXfxqVqEL68TdDx1Pn5dGmG_LqIsisXsrWJoR-lujDcmiDRNHRpsH5v9hwLEkobKqQnWvWTiVSn7nWh0yz7BP8kgv-pNG8SNlu-9ye/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/AVvXsEhs2lj0O4gnQ4kAIBs2e3P2q7bhPVLDC0ux__BskjrK6ZD_vgxt8IPxdL8gNrNhBwYHaxduSG2NHCq_VvIxZ6aJTtA3y_IworBje8c_Ik6DIdopUn3scURSNNjMv1isAHZCBrtfBodi41Qn/s30/down.gif'/></a>
<!-- Go to top and bottom End -->

Bước 3 : Save template lại và vào trang chủ của bạn để trải nghiệm. 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é