X in 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 cùng www.cuahangtemplate.com  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é.
back to top button for blogger

Bước 1:  Đăng nhập MẪU  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/AVvXsEgwEwDPcQGPotgBW2Yk4c-Z8qPmsxV_CuolV8CtIzHW4CMwBX190u3F99l0Ob5_wQXD6suWgdfxxm0M_A-dgo3-Ztu-tpCm5Az5rGBTESGVpPTGB-B1uDKyl4RkYktE_S7E6Qvn19MnSuww/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/AVvXsEgo_8tCIHhDH7ydjgoMopYBTbKAmXQV-mUL4EqafKzXIVh2bPXhd_TR0koJs9jhYhuhyPym-HXkLC0WWllL7F6oDTfO8dxaXW69YGaU26m_yxXE3YDl0vawwsQHvfuNzKC0cKrsnasyTiEk/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é :)

Không có nhận xét nào:

Đăng nhận xét

Zalo : 037.561.3351
037.561.3351