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:
hay
..dep
Cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy
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
Em tham khảo bài này nha:
http://dunghennessy.blogspot.com/2012/04/sam-goc-tien-ich-cho-webblog.html
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
E muốn làm tab cấp 1 thì làm sao hả anh ?
Cám ơn a nha.
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.
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 .
Anh có gmail cho e xin có gì e sẽ trao đổi với a nhé.
Mail của dunghennessy:
dungheineken@gmail.com
Đăng nhận xét