Thủ thuật này giúp tạo ra sự khác biệt cho blog của bạn. Theo đó tiện ích được chọn hiển thị sẽ mặc định được ẩn đi, và widget đó chỉ hiện thị khi nào vào xem các bài viết thuộc nhãn đã được bạn chỉ định. Tiện ích này tương tự như thủ thuật: Hiện thị widget ở những trang nhất định trong blogspot
» Bước 1: Xác định ID của Wdget tiện ích cần tùy biến theo thủ thuật này.
1.1- Vào Bố cục (Layout) -> Nhấp vào Chỉnh sửa (Edit) trên Widget cần xử lý
1.2 - Một cửa sổ Popup bật lên, bạn nhìn vào phía trên góc phải (gần thanh tiêu đề) sẽ thấy dòng có dạng tương tự sau: …null&widgetId=HTML17 (trong trường hợp này là widget HTML17, đối với widget khác sẽ có ID khác)
» Bước 2: Cài đặt hiện thị widget khi xem bài viết thuộc một nhãn nhất định.
- Bài viết này mình sẽ hướng dẫn cho các bạn 2 cách thực hiện khác nhau bạn có thể tùy ý thực hiện và chọn lấy một cách.
CÁCH 1: KẾT HỢP CSS VÀ XML
1.1. Đăng nhập Blogger.
1.2. vào mẫu (Template) => Chỉnh sửa HTML (Edit HTML) => Đặt đoạn code sau đây vào trước thẻ </head>:
<style type='text/css'> /*Hiển thị widget khi xem các bài viết của một label (nhãn) nhất định */ #ID_widget {display:none;} </style>- Trong đó: ID_widget // Thay ID widget muốn hiển thị vào đây. (Ở ví dụ trên thì ID_widget là HTML17). Khi đó thay vào sẽ được như sau:
<style type='text/css'>
#HTML17 {display:none;}
</style>
Bước 3: tìm đoạn code tương tự đoạn code sau đây:<data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>- Thêm vào sau nó đoạn code sau:
<!-- Hiển thị widget khi xem các bài viết của một nhãn nhất định http://namkna.blogspot.com/--> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:label.name == "Nhãn"'> <style type='text/css'> #HTML17 {display:block;} </style> </b:if> </b:if>
Nhãn: Thay nhãn của bài viết muốn hiển thị widget.Bước 4: Save template. (Lưu mẫu)
ID_widget: Thay ID widget muốn hiển thị vào đây.
Cách khác: theo thuthuatblogger, thì ở bước 3 bạn tìm đoạn code tương tự như sau:
<span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if> </b:loop> </b:if> </span>Rồi đổi nó thành thế này:
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<script>var getLabel='<data:label.name/>';</script>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
Kế đến dùng từ khóa HTML17 tìm đến cấu trúc XML của tiện ích này rồi thêm vào thành như sau (phần được đánh dấu màu đỏ là phần thêm vào):
<b:widget id='HTML1' locked='false' title='Tên tiện ích' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == "item"'> <script> //<![CDATA[ // Code to display widgets on posts from a label by www.thuthuatblogger.info if(getLabel=="Tên nhãn") { document.getElementById("HTML17").style.display = "block"; } //]]> </script> </b:if> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget>
Thay Tên nhãn thành tên của nhãn mà bạn muốn áp dụng thủ thuật. Lưu Template là hoàn thành.
Mở rộng: nếu bài viết có nhiều nhãn thì có thể thêm điều kiện để tiện ích chỉ hiển thị đối với nhãn cuối cùng hay không. Câu trả lời của mình là chỉ cần sử dụng Bước 1 với code nhãn như sau:
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:label.isLast == "true"'>
<style type='text/css'>
#HTML17 {display:block}
</style>
</b:if>
</b:if>
</b:loop>
</b:if>
</span>
Chúc thành công!
Nhận xét
Namkna ơi cho mình hỏi là trong template mới của mình á làm sao để cho cái nút reply trong comments nó hoạt động được, mình đã sửa blogID rồi,:C)
Trả lờiXóa@TahaefmentVừa qua xem thấy được rồi mà. Mà thấy hay thay temp ghê, giờ chuyển Newcast à, mình cũng đang dùng temp này Nguyễn Hải ™ blOg - Windows - Softwares - Relax
Trả lờiXóa@Nguyễn Hải ™ Uk đúng rồi mình vừa qua Blog bạn thấy nút Reply vẫn hoạt động bình thường mà :3) :3) :3)
Trả lờiXóaChắc tại mình mới thêm nên nó chưa kích hoạt, giờ được rồi, Thank you very much, mà các bạn thấy blog của mình load nhanh hay chậm vậy?
Trả lờiXóa@Tahaefment Load nhanh hơn cái ban chiều rùi đó :3) :3)
Trả lờiXóaGì mà một tuần thay template mấy lần :B) :B)
Bạn nên dùng Tempale cố định thôi, mấy lần mình vào cứ tưởng vào nhầm thoát ra vào lại vẫn thế nhìn lại đường dẫn mới biết không nhầm :3) :3)
@FairstarBạn ơi, sao bài đăng của mình bị lệch vậy. Lẽ ra nó phải như Này, nhưng mà bên này lại bị lệch, bạn xem giúp mình
Trả lờiXóa@Nguyễn Hải ™ bạn vào Thiết kế - Chỉnh sửa HTML và tìm đoạn code sau:
Trả lờiXóa.thumb{float:left;margin:0 20px 0 0;width:180px;height:180px}
Bạn thay đổi giá trị: margin:0 20px 0 0; thành các giá trị khác như margin:0 30px 0 0; Bạn cũng có thể gán cho nó giá trị âm như margin:0 -30px 0 0;
Lưu ý số 30 và -30 có thể thay đổi thành các số khác.
Chúc thành công!:3) :3) :3)
@FairstarVẫn lệch bạn à. Mình áp dụng chia main body thành 2 cột thì nó phát sinh lỗi này
Trả lờiXóa@Nguyễn Hải ™Bạn kiểm tra lại đoạn mã CSS của tiện ích chia main body thành 2 cột mà bạn đã áp dụng có xung khắc với đoạn trên không. Hoặc bạn pate đoạn CSS đó lên đây để mình xem cho nha. :3) :3) :3) :3)
Trả lờiXóacái này loằng ngoằng ghê bạn nhỉ ;))
Trả lờiXóanhưng mà hình như tính năng này chỉ giúp cái widget đó không hiển thị (display none) chứ nó vẫn load đúng không?
@TDT Đúng rồi nhược điểm của cái này là chỉ ẩn nhưng nó vẫn load.
Trả lờiXóaThêm nữa là nó không hiện trong mục phần tử trang mà bạn phải chỉnh sửa trực tiếp trên giao diện blog.
bài viết hay lắm bạn ơi!
Trả lờiXóa@Nguyen Minh Ngoc Rất vui vì nó có ích với bạn. :3) :3) :3)
Trả lờiXóabạn ơi, mình muốn hiển thị widget với tất cả các nhãn thì phải làm thế nào ?
Trả lờiXóahelp help !
Trả lờiXóaBạn dùng code với trang index thay vì item nha.
XóaAnh nam cho em hỏi cái tem :http://ken24h.blogspot.com/
Trả lờiXóacủa em , giờ em muốn lưu lại các file lên host.
mà em chỉ thấy có mấy file .js - em thấy ít
cái này cần lưu file gì nữa không anh,
hỏi cụ thể cho rõ ràng -sử dụng lâu dài luôn anh ạ
Tùy từng tem mà nó nhiều hay ít em ak. Như tem của anh chỉ có đúng một file thôi :)
XóaEm không cần phải lo đâu chỉ cần lưu các file có đuôi là .js và .css thôi/
có nghĩa là của em chỉ có .js thôi phải không
Trả lờiXóaem không tìm ra .css
Đúng vậy CSS em chèn trực tiếp vào log rồi nên em sẽ không thể tìm được đau :)
XóaNamkna cho mình hỏi cái này, nếu mình ko muốn widget hiển thị ở trang:http://namkna.blogspot.com/search/label/Blogspot-tips?&max-result=10 thì làm thế nào (chỉ duy nhất trag này là ko hiện thôi)
Trả lờiXóaCách 1 - bước 3 bạn chỉnh đoạn:
Xóa<b:if cond='data:label.name == "Nhãn"'>
thành:
<b:if cond='data:label.name != "Nhãn"'>
không phải là cả nhãn mà chỉ là cái trang http://namkna.blogspot.com/search/label/Blogspot-tips?&max-result=10 này thôi (trang đầu tiên khi mình search label)
Xóamong bạn thông cảm vì blog của mình là blog người lớn nên mình ko tiện đem link lên đây
Trả lờiXóaNếu abnj chỉ muốn ẩn nó ở trang đầu trong kết quả tìm kiếm thì không được bạn ak. Vì hiện tại blog chưa có thẻ b:if khai báo cho đoạn đó.
XóaNam ơi, mình làm sao nó không được nhỉ? help!
Trả lờiXóaBạn ơi, cho mình hỏi muốn ẩn widget khi xem các bài viết của một nhãn nhất định thì làm như thế nào? Mình đã làm ngược lại thủ thuật trên nhưng không được, mong bạn giúp đỡ. Cảm ơn bạn!
Trả lờiXóa
Trả lờiXóaDiễn đàn Teen Việt online
như code này mình muốn nó hiển thị nhãn thì chỉnh chỗ nào vậy bạn, nhờ bạn liên hệ lại để mình gửi code cho bạn xem, cảm ơn bạn
Trả lờiXóa