Thủ thuật tự động gom các Widget trên Blogspot thành các Tab nội dung
Điểm 4.6/5 dựa vào 87 đánh giá
Hình ảnh minh họa
» Bắt đầu thủ thuật
1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>
<script type="text/javascript" src="http://data-traidatmui.appspot.com/scripts/Jquery.min.1.5.1.js"></script>
<script type="text/javascript" src="http://data-traidatmui.appspot.com/scripts/bloggertabs0.1_min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#codeholder').bloggerTabber ({
tabCount : 3 //số tab bạn muốn gom
});
});
</script>
<style type='text/css'>
.tabber {
padding: 0px !important;
border: 0 solid #687979;}
.tabber h2 {
float: left;
color:#333;
margin: 0 1px 0 0;
font-size: 12px;
padding: 3px 5px;
border: 1px solid #ccc;
margin-bottom: -1px;
overflow: hidden;
position: relative;
background: #fff;
cursor:pointer;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;}
html .tabber h2.active {
background: #eee;
border-bottom: 1px solid #eee;}
.tabber .widget-content {
border: 1px solid #ccc;
padding: 10px;
clear:both;
background: #eee;
margin:0;}
</style>
<script type="text/javascript" src="http://data-traidatmui.appspot.com/scripts/bloggertabs0.1_min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#codeholder').bloggerTabber ({
tabCount : 3 //số tab bạn muốn gom
});
});
</script>
<style type='text/css'>
.tabber {
padding: 0px !important;
border: 0 solid #687979;}
.tabber h2 {
float: left;
color:#333;
margin: 0 1px 0 0;
font-size: 12px;
padding: 3px 5px;
border: 1px solid #ccc;
margin-bottom: -1px;
overflow: hidden;
position: relative;
background: #fff;
cursor:pointer;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;}
html .tabber h2.active {
background: #eee;
border-bottom: 1px solid #eee;}
.tabber .widget-content {
border: 1px solid #ccc;
padding: 10px;
clear:both;
background: #eee;
margin:0;}
</style>
5. Save template lại và trở về phần tử trang (Page Elements)
6. Thêm 1 HTML/Javascript và thêm vào code bên dưới
<div id='codeholder'><a href="http://www.bloggersentral.com"></a></div>
Bạn nhớ đặt tiện ích này trước các tiện ích mà bạn muồn gom lại vào tab và các tiện ích muốn gom nên đặt liên tiếp kế nhau.
Chúc bạn thành công
Tham khảo bloggersentral.com
Chuyên mục:
Blogspot nâng cao
![Phim Khúc Ca Cho Tình Nhân [32/32 Tập] Trọn Bộ Online](http://1.bp.blogspot.com/-0lPFnc_UVq0/TrVDZU6vbcI/AAAAAAAABUU/TTJlcT09M3U/s72-c/Khuc-ca-cho-tinh-nhan.jpg "Phim Khúc Ca Cho Tình Nhân [32/32 Tập] Trọn Bộ Online")
@ doanluanvan: Thủ thuật này buộc bạn phải code code ở bước 6 được đặt trong một tiện ích HTML/Javascript và nằm trên các tiện ích cần gom thì nó mới gom được bạn. Không được xóa bất kỳ chi tiết nào ở code trong bước 6 nhe bạn.
Trả lờiXóakhông thành công
Trả lờiXóahttp://thuthuat-mya5class.blogspot.com/
Bạn xem lại đã add code ở bước 6 chưa nhé
Trả lờiXóathủ thuật sai rồi
Trả lờiXóaSai chỗ nào vậy bạn?
Xóamình đã thêm đúng như trên vẫn không hiện ra bạn ơi...........
Trả lờiXóaSite bạn đã thực hiên là site nào vậy bạn?
Xóatôi test trên 5 blog . vẫn chả được
Trả lờiXóaCho mình xem qua site bạn đã thực hiện, có thể bạn thiếu code ở bước 6. Code đó bắt buộc phải có và nằm trong tiện ích HTML/Javascript bạn ah
XóaKhông được bạn ah, mình làm lại nhiều lần cũng không được
Trả lờiXóaAnh làm không thành công có thể đã có sự xung đột code Jquery.min.1.5.1.js. Anh nên tìm và loại bỏ bớt Jquery nên để lại 1 bản mới nhất.
XóaOk Cảm ơn em! a không hiểu nhiều lắm về code, thanks
Trả lờiXóaok Code chuẩn đấy chứ. thanks!
Trả lờiXóaNếu anh muốn có 2 hoặc 3 cái như thế thì sao?
Trả lờiXóaThực hiện như bạn hướng dẫn nhưng không thành công.
Trả lờiXóaBạn nhớ đặt code ở bước 6 đúng vị trí nhé
XóaMình đã làm đầy đủ các bước như bạn hướng dẫn nhưng không thành công.
Trả lờiXóaBạn ơi bên mình có dịch vụ Đăng tin tự động lên groups trên facebook miễn phí bạn xem qua nhé. miễn phí 100%
Trả lờiXóaNgoài ra các bạn có thể đọc tin tức tại Kênh tin tức giải trí yeubao.com
Các bạn có thể truy cập link sau để xem thông tin công nghệ
Khoinguoncongnghe.net | kênh thông tin dành cho tín đồ công nghê
cám ơn bạn đã đọc
đăng tin tự động trên facebook miễn phí 100% xem tại Đăng tin tự động lên groups trên facebook miễn phí
xem thủ thuật blogspot, thủ thuật blogger, thủ thuật facebook tại thủ thuật tổng hợp facebook, blogger,coputuer
xem tin tức giới trẻ, các tin nổi bật tin tức nổi bật, tin sao, tin giới trẻ, đời sống xã hội
xem thong tin giải trí, cung hoàng đạo, tại bí mật 12 chòm sao,tâm sự,blog tâm sự
giải trí thư giã relax giải trí thư giãn relax
khám phá du lịch, bi ẩn khám phá du lịch, bí ẩn
kho video giải trí khổng lồ video đời sống xã hội, video giải trí
khởi nguồn công nghệ, xem tin tức công nghệ, tin tức internet
tin tức internet
Tin tức itc , tin tức technogoy tin tức ict
Khám phá công nghệ
khám phá
Thủ thuật công nghê thủ thuật công nghệ, tips