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


Để 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/cupertino/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 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ả.

6 nhận xét:

Ban Thiếu Niên Hội Thánh Mỏ Cày nói...

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.
như vậy là sao bạn? và dán code đó vào đâu? minh làm mà tới đó ko hiêu!!!! mong bạn giúp minh!!!!!!

dunghennessy nói...

Bạn xem thêm bài: SẮM ĐỒNG HỒ CHO BLOGGER tại mục THỦ THUẬT CƠ BẢN nha (bấm vào thủ thuật cơ bản ở menu màu đen phía trên và kiếm bài SĂM ĐỒNG HỒ CHO BLOGGER rồi áp dụng như hình 4 và hình 5 trong bài hướng dẫn)

Unknown nói...

hi bạn, làm thế nào để chỉnh sữa và sử dụng được menu mẫu template vậy ah? mình load mẫu template về nhưng chưa biết cách sử dụng menu này, bạn giúp mình nhé. thanks bạn nhiều
http://xuananlac.blogspot.com/

dunghennessy nói...

Đối với các theme tải trên mạng về muốn chỉnh sửa nó thì bạn phải vào chỉnh sửa nguồn HTML thì mới được

Unknown nói...

thanks bạn, mình đã sử edit được menu template mẫu.
Mình có thắc mắc này, ờ bài này(tạo tab) phần Nhập nội dung tiện ích 1 vào đây.Mình làm hoài mà vẫn không được. phần nhập nội dung vào đây nghĩa là sao vậy bạn? mình nhập gì vào đó hay thêm gì vào ah?. thanks bạn nhiều nhé

dunghennessy nói...

Nội dung đó có thể là các code tiện ích HTML như: code đồng hồ, lịch, flash...tất cả các code HTML đều được cả..

Đăng nhận xét

 
Powered by by: Blogger