21:06 - 17/06/2013

Hiển thị widget ở những trang nhất định cho blogger/blogspot

    [tintuc]
    Trên blog bạn thường có nhiều Widget, và việc hiển thị chúng cũng làm mất thời gian khi load trang. Bây giờ mình giới thiệu cách tùy chỉnh cho nó hiển thị ở những nơi bạn muốn hiển thị. Nó sẽ giúp bạn có thể sắp xếp các widget ở các trang mà bạn muốn để trang blog hay web của bạn trông thẩm mĩ hơn. Để thực hiện thủ thuật này , trước tiên bạn phải xác định đượcWidget id của widget đó như hình bên dưới:

    ☼Bây giờ là cách để tùy chỉnh Widget đó:

    1. Đăng nhập blog
    2. Vào chỉnh sửa code HTML (edit code HTML)
    3. Chọn mở rộng mẫu tiện ích (Expand Widget Templates).
    4. Tìm đọan Widget id bạn muốn chỉnh (vd:HTML3)
    Code thường có dạng mhư bên dưới


    <b:widget id='HTML3' locked='false' title='' type='HTML'>
    <b:includable id='main'>
    <!-- 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:includable>
    </b:widget>

    ☼ Sau khi đã biết được "Widget" đó thì chúng ta sẽ tùy chỉnh hiển thị chúng
    bây giờ bạn hãy chọn nơi để hiển thị "Widget" đó, bạn chỉ việc thêm code màu đỏ vào đúng vị trí như bên dưới

    I. Chỉ cho phép widget hiển thị ở trang chủ

    <b:widget id='HTML3' locked='false' title='' 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>

    II. Chỉ cho phép widget hiển thị ở từng bài viết:

    <b:widget id='HTML3' locked='false' title='' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.pageType == "item"'><!-- 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>

    III. Chỉ cho phép widget hiển thị ở những trang nhất định:

    <b:widget id='HTML3' locked='false' title='' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == "Link của bạn"'><!-- 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>

    Bạn hãy thay code màu xanh trên thành đường link mà bạn muốn widget đó hiển thị (ví dụ:http://www.traidatmui.com/2010/03/chen-google-translate-vao-blogger.html). Khi bạn chọn đường link như vậy thì khi bạn click đến link đó widget mới hiển thị, còn những đường dẫn khác widget đó sẽ không hiển thị

    IV. Hiển thị ở trang label nhất định

    <b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
    <b:includable id='main'>
    <b:if cond='data:blog.url == "http://www.traidatmui.com/search/label/Advanced blogger"'><!-- 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>

    Bạn hãy thay dòng màu xanh (http://www.traidatmui.com) thành địa chỉ blog của bạn và dòng (Advanced blogger) thành tên nhãn bài viết của bạn.
    [/tintuc]

Bình luận & Góp ý

0 nhận xét:

Đăng nhận xét