- Trong quá trình thời gian Thiết kế Blogger, tôi có phát hiện ra 1 tình năng với sự liên kết biểu tượng ở góc phải bên dưới Blog như hình trên. Nhằm để nhảy lên đầu trang và nhảy xuống cuối trang thật nhanh.
- Bạn có thể click 2 mũi tên trên /\ để có thể Test thử nha!
- Để có thể làm được tính năng này các bạn phải làm như các bước sau:
-- Bước 1: Đăng nhập vào Blogger --> Thiết Kế ( Layout ) --> Chỉnh sửa HTML ( Edit HTML ) <-> Không cần đánh dấu Mở Rộng Tiện Ích ( Expand Widget Templates ).
-- Bước 2: Tìm ( Ctrl + F ) từ trong mẫu HTML: </body>.
-- Bước 3: Đặt đoạn Code dưới đây trước từ vừa tìm được:
<a href='http://testchristianfamilyblog.blogspot.com/#' style='display:scroll;position:fixed;bottom:115px;right:5px;' title='Back to Top'><img src='http://img502.imageshack.us/img502/7563/bluearrowup.png' style='border:0; '/></a><br/>
<a href='javascript:scroll(0,9999999)' style='display:scroll;position:fixed;bottom:70px;right:5px; '><img src='http://img502.imageshack.us/img502/7563/bluearrowup.png' style='border:0;' title='Go Down'/></a>
Note: Bạn còn có thể thay những đoạn màu đỏ thành những HTTP với file hình ảnh khác nhau. Thay đoạn URL: http://testchristianfamilyblog.blogspot.com/ thành URL của blog bạn hoặc bạn có xóa chữ màu xanh để lại dấu # cũng được. Chúc bạn thành công.
-- Bước 4: Nhấn Lưu Mẫu ( Save Tamlate ). Xong.-- Sau đây có một vài hình ảnh để các bạn có thể chép dán vào những đoạn màu đỏ link hình ảnh (File png):
Khổ 32x32
| http://img232.imageshack.us/img232/7392/orangearrowup.png
| http://img27.imageshack.us/img27/610/orangearrowdown.png
| http://img258.imageshack.us/img258/3833/greenarrowup.png
| http://img130.imageshack.us/img130/192/greenarrowdown.png
| http://img529.imageshack.us/img529/7563/bluearrowup.png
| http://img404.imageshack.us/img404/4224/bluearrowdown.png
| http://img202.imageshack.us/img202/8649/arrowup.png
| http://img148.imageshack.us/img148/2614/arrowdowng.png
| http://img686.imageshack.us/img686/5599/uparrowm.png
| http://img26.imageshack.us/img26/4157/downarrowr.png
| http://img545.imageshack.us/img545/3219/uparrow3.png
| http://img529.imageshack.us/img529/7992/downarrow1.png
| http://img255.imageshack.us/img255/2979/uparrow1.png
| http://img26.imageshack.us/img26/2286/downarrow4.png
| http://img253.imageshack.us/img253/609/uparrow.png
| http://img80.imageshack.us/img80/1102/downarrowz.png
Khổ 48x48
| http://img403.imageshack.us/img403/7392/orangearrowup.png
| http://img88.imageshack.us/img88/610/orangearrowdown.png
| http://img29.imageshack.us/img29/5157/greenarrowups.png
| http://img201.imageshack.us/img201/192/greenarrowdown.png
| http://img811.imageshack.us/img811/7563/bluearrowup.png
| http://img404.imageshack.us/img404/6428/bluearrowdownv.png
| http://img87.imageshack.us/img87/2678/uparrow456789.png
| http://img94.imageshack.us/img94/9296/downarrow123456.png
| http://img713.imageshack.us/img713/3219/uparrow3.png
| http://img442.imageshack.us/img442/4969/downarrow123123.png
| http://img6.imageshack.us/img6/480/uparrowk.png
| http://img530.imageshack.us/img530/3620/downarrowf.png
| http://img571.imageshack.us/img571/2979/uparrow1.png
| http://img543.imageshack.us/img543/2453/downarrow2.png
| http://img823.imageshack.us/img823/2741/uparrow2.png
| http://img405.imageshack.us/img405/3620/downarrowf.png
Khổ 64x64:
| http://img14.imageshack.us/img14/7392/orangearrowup.png
| http://img403.imageshack.us/img403/610/orangearrowdown.png
| http://img152.imageshack.us/img152/3833/greenarrowup.png
| http://img89.imageshack.us/img89/192/greenarrowdown.png
| http://img143.imageshack.us/img143/7563/bluearrowup.png
| http://img404.imageshack.us/img404/418/bluearrowdowno.png
| http://img403.imageshack.us/img403/9256/arrowupn.png
| http://img258.imageshack.us/img258/4998/arrowdown.png
| http://img99.imageshack.us/img99/1307/uparrow6.png
| http://img139.imageshack.us/img139/3246/downarrow5.png
| http://img52.imageshack.us/img52/1518/uparrowc.png
| http://img258.imageshack.us/img258/8761/downarrow.png
| http://img718.imageshack.us/img718/2979/uparrow1.png
| http://img266.imageshack.us/img266/2453/downarrow2.png
| http://img705.imageshack.us/img705/2741/uparrow2.png
| http://img89.imageshack.us/img89/8761/downarrow.png
Nhận Xét 0 nhận xét:
Đăng nhận xét