▀▄▀▄▀▄▀▄▀▄▀▄ 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 4)


Để 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 trên lệnh </head> 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/sunny/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>



Bây giờ, bạn có thể thay tên hiển thị và dán nội dung 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ả.

10 nhận xét:

sung nói...

hay
..dep

dunghennessy nói...

Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

Xe ba bánh, xe ba gác Cty Gia Phú nói...

anh dung oi cho em xin cai code "Goc Tien Ich" duoc khong anh
với lại cho em hỏi là chỉnh cái thanh tiêu đề của mấy tiện ích đó anh, làm sao cho nó vào giữa và thẩm mỹ được giống như anh "Góc Giải Trí", "Góc Tiện ích "
Em cảm ơn anh nhiều !
Anh có thể gửi vào mail seo.realestate365@gmail.com

dunghennessy nói...

Em tham khảo bài này nha:
http://dunghennessy.blogspot.com/2012/04/sam-goc-tien-ich-cho-webblog.html

Unknown nói...

Mình làm tab mà link vào không chạy...hichi
nhất là nút trang chủ ấy
đây này
mình đã chèn code kia vào /head/ ruj xong tới thằng này
nó ko chạy:
ví dụ nè

href="http://mp3.zing.vn">Tiêu đề tiện ích 1

Unknown nói...

E muốn làm tab cấp 1 thì làm sao hả anh ?
Cám ơn a nha.

dunghennessy nói...

Bạn phải nhập nội dung của tiện ích thay vào dòng lệnh màu xanh (không phải màu đỏ) thì mới được chứ, sao lại thay vào dòng lệnh màu đỏ??...Dòng lệnh màu đỏ chỉ thay đổi tiêu đề mà thôi, làm lại xem nha.

Unknown nói...

Dạ ý em là làm nút Tab cấp 1 đó anh . khi mình tác động lên nó nó chạy tới trang khác .

Unknown nói...

Anh có gmail cho e xin có gì e sẽ trao đổi với a nhé.

dunghennessy nói...

Mail của dunghennessy:
dungheineken@gmail.com

Đăng nhận xét

 
Powered by by: Blogger