• Home
  • Contact

Kênh tư vấn

  • Beranda
  • Profil
  • Jurnal
    • 2000
    • 2001
    • 2002
      • 21 April
      • 22 April
      • 23 April
        • Senin
        • Selasa
        • Rabu
        • Kamis
      • 24 April
      • 25 April
    • 2003
    • 2004
  • Komentar
  • Kontak
Beranda » Thủ thuật Blog » Ẩn widget tại trang chủ hay trang riêng biệt

Ẩn widget tại trang chủ hay trang riêng biệt

Untitled

Giới thiệu: Thủ thuật cho phép ẩn widget (tiện ích) tại trang chủ, trang nhãn, trang lưu trữ, hay một trang riêng biệt nào đó. Tùy theo nhu cầu của bạn muốn ẩn ở trang nào. 

Muốn ẩn một tiện ích hoặc một thành phần nào đó thì ta phải xác định được ID hoặc class của nó. Các ID thông thường trong blogspot như là: HTML1, HTML2, HTML3, …, Label1, Label2, Label3, …, BlogList1, Followers1, Blog1, BlogArchive1, Profile1, header-wrapper, sidebar, main-wrapper, footer-wrapper, comments, comments-block, … 

Các ID khi đưa vào CSS có dấu # ở phía trước, ví dụ: #HTML1. Các class thường gặp trong blogspot như: header-outer, main-outer, footer-outer, post-body, post-footer, …

Các class khi đưa vào CSS có dấu “.” (dấu chấm) ở phía trước, ví dụ: .header-outer. 


CÁCH THỰC HIỆN 

1. Đăng nhập Blogger Dashboard (Bảng điều khiển) 
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML) 
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)

4. Chèn script 

Bước 1: Tìm dòng ]]></b:skin>

Bước 2: Thêm vào sau nó một trong các đoạn code sau:
(Nhớ thay chữ “ID widget” thành ID của widget bạn muốn ẩn)

1. Ẩn widget ở trang chủ

<!--Ẩn widget ở trang chủ-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

2. Ẩn nhiều widget ở trang chủ

<!--Ẩn nhiều widget ở trang chủ -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#ID_widget , #ID_widget, #ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

3. Ẩn widget ở bài viết

<!-- Ẩn widget ở bài viết -->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

4. Ẩn widget ở trang chủ, trang nhãn

<!-- Ẩn widget ở trang chủ, trang nhãn -->
<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
#ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

5. Ẩn widget ở các trang lưu trữ 

<!-- Ẩn widget ở các trang lưu trữ -->
<b:if cond='data:blog.pageType == "archive"'>
<style type='text/css'>
#ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

6. Ẩn widget ở các trang tĩnh 

<!-- Ẩn widget ở các trang tĩnh -->
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

7. Ẩn widget ở một trang riêng biệt nào đó 

<!-- Ẩn widget ở một trang riêng biệt nào đó -->
<b:if cond='data:blog.url == "URL_của_trang_riêng_biệt"'>
<style type='text/css'>
#ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

8. Chỉ hiện widget ở trang bài viết

<!-- Chỉ hiện widget ở trang bài viết -->
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#ID_widget {display:none !important;visibility:hidden !important}
</style>
</b:if>

Lưu ý: Nếu thay == thành != thì kết quả sẽ ngược lại - nghĩa là không ẩn mà chỉ hiện các widget ở các trang lựa chọn ở trên và ẩn ở các trang còn lại.


Bước 3: Save template. (Lưu mẫu)


Theo: http://kenhdaihoc.com/forum/showthread.php?t=2082
Unknown
1 Comment
Thủ thuật Blog
Thứ Năm, 8 tháng 12, 2011
Tweet
Ẩn widget tại trang chủ hay trang riêng biệt Kênh tư vấn
Published: 2011-12-08T18:05:00-08:00
Title:Ẩn widget tại trang chủ hay trang riêng biệt
Rating: 5 On 22 reviews

Related Articles

1 nhận xét :

  1. ChoiBlogs.blogspot.comlúc 10:00 9 tháng 12, 2011

    Khung hiện code khó nhìn quá :)

    Trả lờiXóa
    Trả lời
      Trả lời
Thêm nhận xét
Tải thêm...

Newer Older Home

Entri Populer

  • Popular Posts
    Thêm,sửa,xóa,chấp nhận,hủy,thoát trong C# có CSDL
    ĐỀ BÀI Người ta muốn ứng dụng tin học để quản lý nhân sự của 1 doanh nghiệp. Là một lập trình viên, anh (chị) hãy thực hiện các yêu cầu sau ...
  • Popular Posts
    Bản quyền miễn phí Full Uninstall 2.10 trị giá $29,95
    Một vấn đề phổ biến chúng ta thường gặp phải khi gỡ bỏ phần mềm đó là sự tồn tại không cần thiết của các tập tin rác, các mục Registry,… Thậ...
  • Popular Posts
    Tạo dáng cho trỏ chuột với hình ảnh bất kỳcho blogspot
    Giới thiệu: Hiệu ứng JavaScript này cho phép bạn tạo dáng cho con trỏ chuột trên trang web. Điểm đặc biệt của là nó cho phép bạn sử dụng hìn...
  • Sửa file hosts để vào Facebook
    Sửa file hosts để vào Facebook Tìm kiếm mới nhất: cách vào facebook 2013 cachvaofacebook com vào facebook 2013 10 cach vao facebook 2013 cac...
  • Popular Posts
    Hot girl xinh đẹp nhất Sài thành
    Hotgirl Tâm Tít, hotgirl Midu, hotgirl Khả Ngân, hotgirl Sam, hotgirl Kelly là những hot girl xinh đẹp và tài năng trong làng showbiz wWw....
  • Phân tích đoạn thơ “Nhớ khi giặc đánh giặc lùng.....Lạng nhớ sang Nhị Hà” trong bài thơ Việt Bắc của Tố Hữu
    Bài viết hay về Nhà thơ Tố Hữu +++++++++++++++++++++ Tìm hiểu về tác giả Tố Hữu Tìm hiểu bài " Việt Bắc" của Tố Hữu Bức tranh Tứ B...
  • Popular Posts
    Đáp án đề thi Cao đẳng môn Địa khối C năm 2012
    Đáp án đề thi Đại Học - Cao Đẳng năm 2012 đã được cập nhật nhanh nhất tại đây  Đáp án đề thi Cao đẳng môn Văn khối C năm 2012 Đáp án đề thi ...
  • Bộ GD-ĐT công bố toàn cảnh đổi mới tuyển sinh năm 2012
    Chiều nay 24/2, Bộ GD-ĐT chính thức công bố những sửa đổi, bổ sung quy chế tuyển sinh hệ chính quy năm 2012. Theo đó, hàng loạt đổi mới đều ...
  • Những vấn đề cơ bản trong bài thơ "Việt Bắc" ( Tố Hữu)
    Những vấn đề cơ bản trong bài thơ "Việt Bắc" ( Tố Hữu) Bài viết hay về Nhà thơ Tố Hữu +++++++++++++++++++++ Tìm hiểu về tác giả Tố...
  • Popular Posts
    Đáp án đề thi đại học môn Toán khối A1 năm 2012
    Đáp án đề thi Đại Học - Cao Đẳng năm 2012 đã được cập nhật nhanh nhất tại đây  Đáp án đề thi đại học môn Toán khối A1 năm 2012  Đáp án đề th...
Copyright Mas Bintang | SJUTA IT