1. Trang chủ
  2. » Giáo Dục - Đào Tạo

Tao bieu tuong Ve dau Trang

2 9 0

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 2
Dung lượng 29,86 KB

Nội dung

Các bạn không phải lo ngại gì về vấn đề làm thay đổi cấu trúc hay lo ngại việc xuất hiện của Icon này sẽ che mất một phần bài viết bởi đây là một icon có kích thước nhỏ, được liên kêt [r]

(1)

Địa trang web

http://dangkhuong.blogspot.com/2009/04/icon-ve-au-trang-cho-blogger.html

Icon Về đầu trang cho Blogger

Chắc bạn thấy nhiều trang Web, blog có icon "Top of Page", "Back to Top", "Về Đầu Trang" click vào nhanh chóng quay trở lại đầu trang dùng đến trượt

Các bạn khơng phải lo ngại vấn đề làm thay đổi cấu trúc hay lo ngại việc xuất Icon che phần viết icon có kích thước nhỏ, liên kêt với "mục tiêu" phía cách sử dụng symbol "#"

Để thực điều trước tiên bạn cần tạo cho biểu tượng - icon "Back to top" phần mềm chuyên dụng upload lên PhotoBucket, Flickr host mạng, tìm kiếm copy Chọn cách được, không bắt buộc cầu kỳ vấn đề

Ví dụ số icon:

Các mã sử dụng để tạo "Back to top" biểu tượng liên kết xây dựng cấu trúc sau:

<a href="#"> < Link mục tiêu phía đầutrang

<img src="url-of-image" < URL icon

alt="alternative text" < Alt text để tiếp cận

title="Back to Top" < Đoạn text tittle

style="display: scroll; < Mã phép cuộn icon

position: fixed; < Cố định vj trí icon

bottom: 5px; < icon hiển thị khoảng cách 5px tính từ

right: 5px;" /></a> < Hiển thị khoảng cách 5px bên phải

Cài đặt tạo link "Về Đầu trang"

Hãy copy đoạn mã HTML/JavaScript dưới:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img

(2)

Sau paste chúng vào đoạn thẻ <body></body> Dùng tiện ích (Ctrl+F)

để tìm đoạn thẻ </body> paste trước thẻ

Sau paste, bạn Preview xem có hoạt động hay khơng Sau Save changes khơng có trục trăc

Hiệu chỉnh biểu tượng

Nếu bạn mong muốn thay đổi icon biểu tượng mới, cần thay đường dẫn màu đỏ đường dẫn tới biểu tượng mà bạn ưa thích

Bạn hiệu chỉnh vị trí cho phù hợp với template cách hiệu chỉnh số sau tùy theo ý bạn:

position: fixed;

bottom: 0px; right: 0px;

Bạn vị trí iconbiểu tượng cho phù hợp với thiết kế bạn Ví dụ, bạn muốn biểu tượng để tn với phía góc phải (khơng có không gian), thay đổi mã Để ấn định vị trí biểu tượng từ bên phải hay bên dưới, cần tăng pixel để phản ánh giá trị

Bài dịhc từ blog Amanda, bạn áp dụng blog cho biết ý kiến bạn

Bạn vào http://blogvietshow.blogspot.com để xem ví dụ áp dụng

Cảm ơn Bạn Đã Đến Với Thủ Thuật Blogspot. Chúc ban Tìm Được Thơng Tin cần Thiết Trên Blog Của Tôi Hãy Để lại Comment thấy

bài viết có ích với bạn Thanks!!!

Đây đoạn code, sử dụng:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.giaiphapexcel.com/forum/image.php?

http://dangkhuong.blogspot.com/2009/04/icon-ve-au-trang-cho-blogger.html src="http://vnthuquan.net/diendan/upfiles/9566/444594AC789648B88B00EA7E93D4DDB0.gif "http://www.giaiphapexcel.com/forum/image.php?

Ngày đăng: 11/04/2021, 16:32

w