![]() |
Cách tạo nút uptop |
Mời bạn xem bản DEMO
Quy trình gồm các bước sau:
Bước 1: Bạn đăng nhập vào blogger
Bước 2: Bạn vào phần mẫu
Bước 3: Bạn chèn đoạn này vào trước </body>
<a class="uptop" href="javascript:scroll(0,0)"> Top </a>
Sau đó bạn chèn đoạn sau vào thẻ Style
.uptop {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMFUwM4PLibXpdfRF5pjCwgaQ_6G1uhtfEo4W4vlNthChEhGCIwfjmbx5FKSCCTJTHKi-kXw4K5rcGJiOmS_ql7AeqI_KYmJxDJJMD0HyXZZrmwzl_VBOAsSo9hX1QDA8Q4lpn2Pfb73C/s1600/up.png") no-repeat scroll -69px top transparent;
bottom: 10px;
display: block;
height: 56px;
overflow: hidden;
position: fixed;
right: 42px;
text-indent: -999px;
width: 42px;
}
<a href='http://www.hocinternetmarketing.net/'>.</a>
<!-- End Heart Share Code From http://www.hocinternetmarketing.net/ -->
.uptop {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirMFUwM4PLibXpdfRF5pjCwgaQ_6G1uhtfEo4W4vlNthChEhGCIwfjmbx5FKSCCTJTHKi-kXw4K5rcGJiOmS_ql7AeqI_KYmJxDJJMD0HyXZZrmwzl_VBOAsSo9hX1QDA8Q4lpn2Pfb73C/s1600/up.png") no-repeat scroll -69px top transparent;
bottom: 10px;
display: block;
height: 56px;
overflow: hidden;
position: fixed;
right: 42px;
text-indent: -999px;
width: 42px;
}
<a href='http://www.hocinternetmarketing.net/'>.</a>
<!-- End Heart Share Code From http://www.hocinternetmarketing.net/ -->
Bước 4: Bạn lưu mẫu lại
Và giờ bạn có thể hưởng thụ thành quả của bạn, chúc các bạn sớm thành công trên môi trường internet.
0 nhận xét:
Speak up your mind
Tell us what you're thinking... !