4:00 PM

Button up lên trên dạng tên lửa

Theo yêu cầu của bạn Trần Công Lâm mình xin được giới thiệu button up lên trên kiểu tên lửa tô ma hốc :d

Demo

Cách Thực Hiện

Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Chèn code sau trước thẻ ]]></b:skin>
#totop,#totop2{
position: fixed;right: 0;bottom: 10px;
width: 149px;height: 249px;overflow: hidden;
cursor: pointer;display: none;
background: url(https://trollvlhcv.googlecode.com/svn/trunk/tenluaup/up.png) no-repeat 0px 0;
z-index: 9999;
}
#totop2{
background: url(https://trollvlhcv.googlecode.com/svn/trunk/tenluaup/up.png) no-repeat -149px 0;
}
Bước 3: Sau đó chèn code bên dưới trước thẻ đóng </body>
<script src='http://trollvlhcv.googlecode.com/svn/trunk/tenluaup/jquerymin.js' type='text/javascript'/>
<script src='http://trollvlhcv.googlecode.com/svn/trunk/tenluaup/backtotop.js' type='text/javascript'/>
Xóa đoạn code được tô màu xanh đi nếu template của bạn đã có jQuery
Bước 3: Lưu template và xem kết quả :-d
5 Comments
Comments

5 comments

anh share file js cho anh em luôn đi anh Huycovip.thanks
10/1/13
2 File .js mình viết rõ ràng ở bước 3 rồi mà @-). Bạn sử dụng IDM để dowload về. Nếu không biết cách thì dowload ở đây
1.jQuerymin.js-89.5 KB
2.backtotop.js-1.3 KB
Cách up file .js lên Google Code bạn xem tại đây nha
10/1/13
:)) cảm ơn anh nhiều.
19/1/13
Đẹo lắm, mình đem về xài rồi :)
19/1/13
Lâu lâu hôm nay mới thấy ghé qua blog chơi nhỉ :d

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->