Hướng dẫn thêm một vị trí bất kỳ vào blog

Blog spot rất được sử dụng nhiều ngày nay. có nhiều bài viết hướng dẫn thêm vị trí vào blog, hay thêm widget vào vị trí bất kỳ cho blog....vv.vv có nhiêu bài viết nhưng cũng nhiều bạn không hiểu vì lý do gì vẫn chưa làm được. Hôm nay mình xin hướng dẫn chi tiết nhất về vị trí và hướng dẫn tận tình cho các bạn nào chưa làm được về thêm vị trí trong template blogspot nhá.

Hướng dẫn thêm vị trí vào blogspot.
Hướng dẫn thêm vị trí trong blog
Để thêm một hay nhiều widget vào vị trí bất kỳ trong blogspot thì bạn làm theo các bước sau :

Đăng nhập blog => Mẫu  => Chỉnh sửa HTML

Tới đây bạn có thể thêm phần code bên dưới vào phần bạn muốn hiển thị

Cách thêm một widget thông thường vào Blogspot

Code này thì widget này sẽ hiển thị trên tất cả các trang trong blog như: trang chủ,trang bài viết,trang label....

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='mr-nguyen' locked='false' title='Bài Viết Hay' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>
<div class='title-left'><data:title/></div>
</b:if>
<div class='box-left'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>


Chú ý phần chữ màu in đậm là phần bạn cần thay đổi:
- sidebar1 , mr-nguyen: phần này bạn cần thay đổi nếu bạn thêm > 2 widget vào blogspot (Nếu bạn thêm > 2 cái thì 2 cái bạn thêm phải có phần này đặt tên khác nhau)

Ví dụ: Cái 1 bạn đặt là : id='sidebar1' và id='mr-nguyen' thì cái sau bạn phải đặt khác đi đổi thành id='sidebar2' và id='mr-nguyen-2' chẳng hạn

Các bạn chú ý thay id='sidebar1' và id='mr-nguyen' cho đỡ trùng với 1 Widget đã có sẵn trên blog. Nếu bạn nào thấy trùng thì thay bằng số khác nhé.

Một số cách hiển thị tùy biến bạn có thể áp dụng với Widget

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

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<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>
</b:section>

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

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<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>
</b:section>
cách này giúp các bạn làm quảng cáo theo bài viết và chuyên mục thì đỉnh của đỉnh nhá :D
3. Chỉ cho phép widget hiển thị ở những trang nhất định:

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<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:section>

 ứng dụng hữu ích cho các banner quảng cáo theo đúng chuyên mục đối với những blogspot có nhiều chuyên mục khác nhau.

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ị

4. Widget chỉ hiển thị trên các trang Label

<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='test 1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.searchLabel'>
<!-- 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:section>

Hy vọng với bài viết hướng dẫn trên các bạn sẽ tùy biến được blogs của mình thật đẹp và chuyên nghiệp nhất.

1 Nhận xét

  1. Cảm ơn bạn đã chia sẻ thông tin !
    ......................................
    LAPTOP ĐẠI DƯƠNG
    118/17 Trần Quang Diệu, P.14, Q.3, HCM Hotline: 0906.112.812 - 0909730124 (A MINH)
    Click xem chi tiết:
    laptop xách tay giá rẻ tphcm hoặc laptop xach tay gia re tphcm

    Trả lờiXóa
Đăng nhận xét
Mới hơn Cũ hơn
To Top Page Up Page Down To Bottom Auto Scroll Stop Scroll