Menu

Fashion Trendy
  • Drop Down

    • Abstract
    • Model
    • Techo
    • Options
  • Photography Pictures Product

    Drop Menu

    • Crystal
    • Digital
    • Graphs
    • Settings
  • Menu
    ClickGroup Blog I Chia se dam me ICT I Tin Tuc I Tin ICT I Thu Thuat I Code Blog
    • Home
    • Digital Art
      • Pics
        • SEO 1
        • SEO 2
      • CSS
        • CSS 1
        • CSS 2
        • CSS 3
        • CSS 4
        • CSS 5
      • Jquery
        • Jquery 1
        • Jquery 2
    • Fashion
      • Product 1
        • Sub Item
        • Sub Item
      • Product 2
        • Sub Item
        • Sub Item
    • Photography
    • Design
    Go
    Home » Thu Thuat » Thu Thuat it » Hiển thị widget chỉ ở trang chủ hoặc trang riêng biệt

    Hiển thị widget chỉ ở trang chủ hoặc trang riêng biệt


    Một khi bạn tạo một widget trên blog thì nó sẽ được hiển thị ở tất cả các trang theo mặc định, bao gồm cả trang chủ. Đôi khi bạn chỉ cần hiển thị một vài widget ở trang chủ hoặc chỉ ở một số trang hoặc thậm chí ở một trang riêng biệt nào đó. Thủ thuật này cũng khá đơn giản. Điều quan trọng là bạn phải nắm được id của widget mà bạn tạo ra.

    Lấy ví dụ widget mà bạn tạo có id là HTML10 và bạn đặt tiêu đề cho widget đó là BLOGGER TIPS. Vào Bố cục (Layout) rồi chỉnh sửa HTML ở chế độ mở rộng mẫu tiện ích.
    Trường hợp 1: Hiển thị widget chỉ ở trang chủ: Tìm và thêm đoạn code được đánh dấu màu đỏ và màu xanh như bên dưới.

    <b:widget id='HTML10' locked='false' title='BLOGGER TIPS' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <data:content/>
    </div>
    <b:include name='quickedit'/>
    </b:if>
    </b:includable>
    </b:widget>
    Trường hợp 2: Hiển thị widget ở tất cả các bài viết, trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.pageType == "item"'>
    Trường hợp 3: Chỉ hiển thị widget ở một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.url == "URL của trang riêng biệt"'>
    Trường hợp 4: Chỉ hiển thị widget ở các trang chính gồm trang chủ, các trang Label và Archive: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.pageType == "index"'>
    Trường hợp 5: Chỉ hiển thị widget ở các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.pageType == "archive"'>
    Trường hợp 6: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang lưu trữ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.pageType ! == "archive"'>
    Trường hợp 7: Chỉ hiển thị widget ở tất cả các trường hợp trừ các trang bài viết: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.pageType ! == "item"'>
    Trường hợp 8: Chỉ hiển thị widget ở tất cả các trường hợp trừ trang chủ: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.url ! == data:blog.homepageUrl'>
    Trường hợp 9: Chỉ hiển thị widget ở tất cả các trang trừ một trang riêng biệt nào đó: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.url ! == "Url của trang đặc biệt"'>
    Trường hợp 10: Chỉ hiển thị widget ở tất cả các trang trừ hai trang riêng biệt nào đó trở lên: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.url ! == "Url của trang đặc biệt 1"'>
    <b:if cond='data:blog.url ! == "Url của trang đặc biệt 2"'>
    Trường hợp 11: Nếu bạn muốn hiển thị một thứ gì đó ở trang chủ và một thứ gì đó khác ở tất cả các trang: Bạn sử dụng lệnh điều kiện như thế này:
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    Đây là điều cần hiển thị ở trang chủ
    <b:else/>
    Đây là điều không hiển thị ở trang chủ
    </b:if>
    Trường hợp 12: Chỉ hiển thị widget ở một trang nhãn: Thay đoạn code màu đỏ ở trên bằng đoạn code sau đây:
    <b:if cond='data:blog.url == "http://yourblogname.blogspot.com/search/label/Tennhan'>
    Trường hợp này chỉ hoạt động với tên nhãn không dấu như Blogger, CSS, Thuthuat, Thuvien (không dùng cho nhãn tiếng Việt). Đối với các nhãn có khoảng cách như Recent Posts thì phải đặt là Recent%20Posts (tức là thay khoảng cách bằng %20).
    Các liên kết trang nhãn trong trường hợp này cũng không hoạt động được khi có đuôi ?max-results=
    Những thủ thuật nhỏ này rất có ích trong việc xây dựng trang chủ cho blog của bạn.
    Con Đường Thẳng
    Add Comment
    Thu Thuat Thu Thuat it
    Tuesday, January 22, 2013

    facebook

    twitter

    google+

    fb share

    About Con Đường Thẳng

    Related Posts
    < Previous Post Next Post >
    Post a Comment

    Social Share

    Introducing the Vacation Collection — Up to 50% Off

    Introducing the Vacation Collection — Up to 50% Off

    Weekly Posts

    • Banner trượt dọc hai bên blog hiển thị phụ thuộc vào chế độ màn hình
      Banner quảng cáo sẽ nằm ở 2 mép trái và phải của màn hình và trượt dọc, hiển thị phụ thuộc vào chế độ xem của màn hình. Đây là code, b...
    • AUDIO KHÓA HỌC HYPER-V & SYSTEM CENTER + CEH CỦA NHẤT NGHỆ [MULTI LINK]
      Tài liệu khóa học "Mây mưa" trị giá ngàn đô từ Nhatnghe! Mình sưu tầm từ topic của bạn Hai-KT ( Rất cám ơn bạn đã chia sẻ...
    • CloneDVD 2.9.3.1 Beta sao lưu DVD mạnh mẽ
      CloneDVD 2  tạo ra chất lượng hình ảnh tuyệt vời cho sao lưu DVD, cho dù đó là tiêu đề chính bạn đang sao chép hoặc DVD hoàn chỉnh...
    • TRILLIAN ASTRA - ỨNG DỤNG CHAT TẤT CẢ TRONG MỘT
      Trillian Được nhiều  người   yêu  thích, chương trình Trillian 5 cho phép gửi tin nhắn đến nhiều người dùng IRC, AIM, ICQ, MSN v...
    • Tiện ích bài viết ngẫu nhiên hiệu ứng Slide Out bằng JQuery"
      (Traidatmui.com) – Bài viết hôm nay mình chia sẻ cùng các bạn một style tiện ích bài viết ngẫu nhiên mới so với các phong các...

    Like us On Facebook

    Labels

    • 720p
    • anh dep
    • ảnh đẹp
    • aple
    • ClickGroup
    • Code comment Blogspot
    • Code Tag
    • Code Tag đám mây
    • Code Tag đám mây cho blogspot
    • Cong Nghe
    • Công nghệ
    • cong nghe 24h
    • Design
    • di dong
    • dien thoai
    • Download Film
    • ebook
    • ebook kinh te
    • Film
    • Film Online
    • Fireox
    • Get Link
    • Get Link 320kbps từ Zing Mp3
    • Get Link TaiLieu.Vn
    • GFX
    • Ghost Windows
    • Giai Tri
    • Girl xinh
    • Graphic
    • HD 1080p
    • HDD
    • hinh anh
    • hình ảnh
    • Hot Girl
    • Internet
    • iPad
    • iphone
    • kỹ năng
    • ky nang giao tiep
    • kỹ năng giao tiếp
    • Laptop
    • Lumia 999
    • Matxac 2012 Blogger Templates
    • may tinh bang
    • Media
    • Music
    • Nexus 5
    • Nexus 7.7
    • nhạc
    • nokia
    • Office
    • Operating System
    • phan mem
    • Phần mềm
    • phan mem nghe nhac
    • phim 720p
    • Pictures
    • Plugin Hỗ Trợ Nghe Nhạc
    • png
    • sam sung
    • san pham moi
    • Smart Phone
    • smartphone Lumia 999
    • Software
    • SP moi
    • System Tools
    • Tai Lieu
    • tài liệu
    • tai lieu kinh te
    • Tai Lieu KT
    • Tai Lieu NN
    • Tai Lieu XH
    • tho
    • thơ
    • tho van
    • Thu Thuat
    • thủ thuật
    • Thu Thuat it
    • Thu Thuat MT
    • Thu Thuat OF
    • tin cong nghe
    • tin công nghệ
    • tin tuc
    • Truyen
    • upload mọi định dạng
    • van tho
    • Vi Tinh
    • Video
    • Vien Thong
    • Virus
    • wifi
    • Windows
    • Windows 8

    Copyright ClickGroup Blog I Chia se dam me ICT I Tin Tuc I Tin ICT I Thu Thuat I Code Blog 2014 . Template Created by