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.

3 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
  2. giá dịch vụ kế toán trọn gói tại quận 6
    giá dịch vụ kế toán trọn gói tại quận 7
    giá dịch vụ kế toán trọn gói tại quận 8
    giá dịch vụ kế toán trọn gói tại quận 9
    giá dịch vụ kế toán trọn gói tại quận 10
    giá dịch vụ kế toán trọn gói tại quận 11
    giá dịch vụ kế toán trọn gói tại quận 12
    giá dịch vụ kế toán trọn gói tại hoài đức
    giá dịch vụ kế toán trọn gói tại sơn tây
    giá dịch vụ kế toán trọn gói tại thường tín
    giá dịch vụ kế toán trọn gói tại ứng hòa
    giá dịch vụ kế toán trọn gói tại phú xuyên
    giá dịch vụ kế toán trọn gói tại mỹ đức
    giá dịch vụ kế toán trọn gói tại thanh oai
    giá dịch vụ kế toán trọn gói tại đan phượng
    giá dịch vụ kế toán trọn gói tại quốc oai
    giá dịch vụ kế toán trọn gói tại phú thọ
    giá dịch vụ kế toán trọn gói tại sóc sơn
    giá dịch vụ kế toán trọn gói tại nhà bè
    giá dịch vụ kế toán trọn gói tại cần giờ
    giá dịch vụ kế toán trọn gói tại hóc môn
    giá dịch vụ kế toán trọn gói tại củ chi
    giá dịch vụ kế toán trọn gói tại bình chánh
    giá dịch vụ kế toán trọn gói tại bình dương
    giá dịch vụ kế toán trọn gói tại biên hòa
    giá dịch vụ kế toán trọn gói tại huế
    giá dịch vụ kế toán trọn gói tại đà nẵng

    Trả lờiXóa
Đăng nhận xét
Mới hơn Cũ hơn