▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO TAB CHO BLOG (MẪU 1)

Để tiết kiệm không gian Blog, bạn có thể gom các tiện ích vào một tiện ích HTML chung, các tiện ích này sẽ có các TAB riêng, khi cần xem tiện ích nào đó bất kỳ chúng ta chỉ việc bấm vào tiện ích đó, TAB tiện ích hiện hành sẽ đổi màu khác biệt so với các TAB khác...
Thủ thuật này cũng khá đơn giản.
Mời các bạn xem thử (bấm vào XEM THỬ phía dưới để trải nghiệm nha)



Đầu tiên bạn đăng nhập vào Blog > chọn thiết kế > chọn Chỉnh sửa HTML, bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào đó dòng lệnh </head>  và dán tất cả code phía dưới vào trên thẻ đóng </head> này và bấm Lưu mẫu.



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
    $(document).ready(function() {
        $("#tabs").tabs();
    });
</script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/dot-luv/jquery-ui.css" type="text/css" /> 



Tiếp theo, bạn thêm tiện ích HTML/Javacript rồi dán đoạn code phía dưới vào.



<div id="tabs">
<ul>
<li><a href="#tabs-1">Tiêu đề tiện ích 1</a></li>
<li><a href="#tabs-2">Tiêu đề tiện ích 2</a></li>
<li><a href="#tabs-3">Tiêu đề tiện ích 3</a></li>
</ul>
<div id="tabs-1">Nhập nội dung tiện ích 1 vào đây</div>
<div id="tabs-2">Nhập nội dung tiện ích 2 vào đây</div>
<div id="tabs-3">Nhập nội dung tiện ích 3 vào đây</div>
<span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">+ dungheineken</a></span>
<noscript><span style="font-size:10px;float:right;margin:5px;font-style:italic;"><a targer="_blank" href="http://www.dungheineken.blogspot.com/">dungheineken</a></span></noscript>
</div>

Bây giờ, bạn có thể thay tiêu đề tiện ích và dán nội dung tiện ích của bạn vào code trên và bấm lưu mẫu, quay trở lại blog xem kết quả.

11 nhận xét:

tuan nguyen nói...

mình muốn gỡ ra thì làm thế nào ?

dunghennessy nói...

Muốn xoá nó, thì bạn làm ngược lại, đăng nhập vào blog > chọn thiết kế > chọn tiện ích nào của nó và xoá nó đi là xong

Lê Hoàng Chiến nói...

Anh Dũng ơi, anh hướng dẫn chèn nhưng chèn phía trên hay phía dưới thẻ /head vậy?

dunghennessy nói...

Ok, xin lỗi em, Anh đã chỉnh sửa lại rồi, code này nằm trên thẻ đóng head
Cám ơn em đã báo lỗi cho Anh

Thanh hậu nói...

tiêu em rồi anh Dũng ơi

Thanh hậu nói...

em làm y chang roi mà hok biets khi em bấm CTRL+ F 2 LẦN nó hiện ra quá rôi em hok bt gõ lệnh head đo chổ nào, xong em lam đại kết quả thảm hại luôn
em xin anh giúp đỡ.. anh làm ơn cho em số điện đc hok anh .

dunghennessy nói...

Là sao??? Bình tĩnh em!!! Anh chưa hiểu ý của em
Nêu cụ thể lỗi xem nào, để xem Anh có khắc phục cho em được không?

Thanh hậu nói...

em muốn làm 1 trang web hok đẹp gần bằng của anh cũng đc, mà em làm hoài hok đc , nó khong gọn gàn và sạc sẽ như của anh

Thanh hậu nói...

giời trên đầu blog của em hiện dòng chử Read more tạo BAD cho blog mẫu 1 vậy mới ác chứ. em hok bt xóa nó ở đâu, mặc dù em đã cố gắn làm theo hướng giẩn của anh

Thanh hậu nói...

http://nholamem.blogspot.com/ anh qua nhìn hok hết hồn ..em thua chục trứng lộn

dunghennessy nói...

Oh...Chuyện nhỏ mà.
Bây giờ em vào lại chỉnh sửa HTML sau đó bấm Ctrl + F và gõ vào dòng lệnh thẻ đóng head giống ở trên bài hướng dẫn, lúc này em sẽ thấy dòng chữ đó (read more....tạo tab cho blog....), em xoá nó đi, cuối cùng bấm Lưu là xong. (Lưu ý chỉ xoá những dòng chữ đó mà thôi, không xoá lệnh khác nha)
Chúc em thành công

Đăng nhận xét

 
Powered by by: Blogger