Cách tạo tab đơn giản

Cách tạo Tab đơn giản 

(coppy từ blog Chị Như Mai http://nhumaidn266.blogspot.com/2013/01/cach-tao-tab-on-gian.html)

Sử dụng Tab Header với mục đích hiển thị được nhiều nội dung cần diễn đạt trên đầu trang blog mà không tốn quá nhiều diện tích.
Hãy cùng mình xem cách tạo Tab header đơn giản trong Blogspot qua bài viết dưới đây nhé.

Bước 1: Đăng nhập vào Blogspot. 

Bước 2: Vào "Thiết kế" (Design). (Xem hình minh họa)

Bước 3: Sau khi click ô "Thiết kế", trên màn hình sẽ xuất hiện như trong hình minh họa phía dưới. Ta chọn ô "Trang".

Bước 4: Sau khi chọn ô "Trang", sẽ xuất hiện trên màn hình như minh họa ở dưới. 

Ta chú ý: Chọn vị trí tạo tab nằm ở trên đầu (header) hay phía dưới (footer). Ở đây mình chọn là header. 

Click vào ô "Trang mới" để đến bước tiếp theo:

Bước 5: Sau khi click ô "Trang mới", trên màn hình ta nhìn thấy hộp hội thoại xuất hiện: (Như hình minh họa). Có 1 ô là "Địa chỉ Web đưa người đọc đến địa chỉ web khác", và một ô nữa là: "Trang trống". 

Ở đây web khác được hiểu là một địa chỉ URL bất kỳ, có thể là một website riêng  biệt (vd như Yahoo! Blog HK), có thể là một "nhãn" trong số "nhãn" mà mình đã tạo ra trong chính blog mà mình đang tạo tab này.

Click ô "Địa chỉ Web đưa người đọc đến địa chỉ web khác" để sang bước tiếp theo.

Bước 6: Lúc này trên màn hình xuất hiện hộp hội thoại như sau:

Ta đặt tên cho tiêu đề trang (hay là tab): VD ở đây là Yahoo! Blog HK. Ta tiến hành mở trang Yahoo! blog HK và coppy đường link này đem về dán vào ô "http://...... (như hình vẽ ở trên).

Chú ý: Khi dán đường link mới coppy vào ô có chữ "http://" ta nên kiểm tra lại xem có bị thừa ra một cụm "http://" nào không. Vì thông thường khi coppy đường link nó sẽ mang theo cả cụm "http://", nếu không chú ý ta sẽ có đến 2 cụm "http://", như thế link URL không thể dẫn ta đến nơi mà ta muốn đến được. 

Sau khi dán URL chính xác rồi ta click ô "Lưu" để kết thúc các bước tạo một Tab.

Trên đây là các bước để tạo ra một Tab header đơn giản. Nếu muốn tạo thêm các Tab header mới nữa, ta quay trở lại Bước 4, chọn ô "Trang mới" và tiến hành tuần tự các bước tiếp theo. 

Sau khi dán URL chính xác ta có kết quả như sau: Với tab mới tạo ta đặt tên " Yahoo! Blog HK". (Xem hình minh họa ở dưới).

Coa nhiều cách để tạo Tab trong HTML đẹp hơn tuy nhiên đòi hỏi người dùng phải có kỹ năng cao về máy tính thì mới có thể thực hiện được. Trên đây là 6 bước đơn giản nhất để tạo Tab mà không sử dụng đến HTML (Hyper Text Markup Language).

Chúc các bạn thành công!

Được đăng bởi Như Mai vào lúc 00:58