Thứ Ba, ngày 30 tháng 12 năm 2014

Cách thêm tiện ích (widget) vào vị trí bất kỳ trong blogspot

Cách thêm tiện ích (widget) vào vị trí bất kỳ trong blogspot là một vấn đề khá khó khăn với những người làm web bằng blogspot mà không am hiểu về html hoặc là mất nhiều thời gian để tìm hiều. Để đáp ứng nhu cầu của người dung hôm nay chiase69 sẽ hưỡng dẫn bạn cách dể dàng để thêm các tiện ích vào bất kỳ vị trí nào cho blogspot
Thường thì trong bố cục blogspot sẽ phân ra một số vị trí như header, footer, sidebar, main,...và các bạn có thể thêm widget vào vị trí bất kỳ bằng cách copy đoạn code bên dưới và đặt cho phù hợp
Đầu tiên chúng ta đăng nhập blogspot ==> Mẫu ==> Sau lưu (bước này nhằm mục đích lưu lại mẫu theme của bạn để tránh trường hợp làm sai không sửa được thì bạn có thể lấy lại theme này) ==> Chĩnh Sữa HTML
Xem thêm các thủ thuật blogspot

Cách thêm một tiện ích widget thông thường

Ở cách thêm tiện ích widget thông thường này thì khi thêm tiện ích sẽ xuất hiện toàn bộ web, từ trang chủ, bài viết, label ...
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML99' locked='false' title='Bài Viết Xem Nhiều' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<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 đỏ là phần bạn cận thay đổi
Bài Viết Xem Nhiều là tiêu đề bạn đặt cho tiện ích
sidebar1, HTML99 Nếu bạn thêm số tiện ích lớn hơn 2 thì bạn phãi đặt tên cho những phần này là khác nhau
VD: tiện ích 1 là sidebar1, HTML99 thì tiện ích 2 là sidebar2, HTML100
HTML là tên của tiện ích
VD HTML là HTML/Javascript, nếu bạn muốn thêm nhãn thì thay Bằng Label. phần này hơi phức tạp nếu bạn mà làm không được thì cứ commen vào bên giới mình sẽ chỉ rỏ cho

Cách thêm tiện ích widget vào một vị trí bất kỳ trong blogspot

Ở những cách sau đây là những cách chỉ thêm tiện ích vào một vị trí bất kỳ ví dụ như trang chủ hoặc là label, bài viết, trang...
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='Thêm tiện ích ở trang chủ' 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 != ""'>
<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>
Để thêm bạn đầu tiên là phải xác định vị trí muốn thêm, như head, footer....(nếu không xác địch được thì sau khi thêm vào một vị trí cùng với các tiện ích có sẵn trên web (thêm vào đầu hoặc cuối các tiện ích có sẵn sau này cho dể chĩnh sữa) rồi bạn vào bố cụng để di chuyển đến nơi thích hợp)
sau khi xác định vị trí muốn thêm thì bạn hãy copy cã đoạn mã trên rồi dán vào
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='Thêm tiện ích ở từng bài viết' 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 != ""'>
<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>
Đây là thủ thuật nhằm thêm tiện ích trên toàn bộ các bài viết:
Xem thêm: tạo sitemap cho blogspot
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='Thêm tiện ích ở trang nhất định' 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 != ""'>
<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>
Đây là code thêm tiện ích vào một trang nhất định, bạn có thể xem demo tại link Danh Mục ở phần này chiase69 áp dụng vào tạo một danh mục các label trên một trang thay vì các label xuất hiện trên toàn ộ trang gây ra tốn nhiều khoảng trống của web.
Cách thêm tiện ích (widget) vào vị trí bất kỳ trong blogspot
Tiện ích (widget) tạo ở một trang nhất địch
4. Widget chỉ hiển thị trên các trang Label
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Thêm tiện ích ở trên các label' 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 != ""'>
<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>
5. Widget chỉ hiển thị trên các trang Static pages
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Thêm tiện ích ở static pages' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
6. Widget hiển thị trên trang tìm kiếm
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Thêm tiện ích ở trang tìm kiếm' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.searchQuery>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
7. Widget chỉ hiển thị tại trang lưu trữ
<b:section class='sidebar' id='sidebar1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Thêm tiện ích ở trang lưu trữ' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>
Nhận Chỉnh Sửa Tối Ưu Cho Blogspot
Liên Hệ
Email: anhhunglh@gmail.com
Yahoo: anhhung_249
Skype: anhhung249

Cách thêm tiện ích (widget) vào vị trí bất kỳ trong blogspot
  • Cách thêm tiện ích (widget) vào vị trí bất kỳ trong blogspot

  • Đăng : Lúc 11:02:00
  • Từ Khóa :
  • Blogger Comments
  • Facebook Comments

15 nhận xét:

  1. mình có 1 trang blogspot nhưng chỉ có 1 sidebar bên phải. giờ mình muốn thêm 1 sidebar bên trái nữa cho đẹp. bạn có thể giúp mình được k nhỉ? nếu được mình sẽ gửi template qua nhờ bạn chỉnh giúp.

    Trả lờiXóa
    Trả lời
    1. Cái đó thì mình cũng biết sơ sơ một chút thôi chứ không thành thạo nên khi làm mất rất nhiều thời gian, bạn thử hỏi người khác xem sao

      Xóa
  2. Mình muốn tạo một cột ngang ngay dưới cuối bài viết blogger để tiện đặt quảng cáo. Ad biết chỉ mình cách làm nhé! Nếu được Ad co thế gửi qua mail giúp mình nhé. minhnguyenbp060@gmail.com . Mình cảm ơn nhiều! Cột ngang rộng 468 px

    Trả lờiXóa
    Trả lời
    1. Ý bạn là chèn quảng cáo vào dưới mỗi bài viết phải không, để làm được thì bạn hãy đọc bài này http://www.chiase69.com/2014/12/chen-quang-cao-vao-ben-trong-bai-viet.html

      Xóa
  3. Quản lí các tiện ích này như thế nào vậy bạn. Mình thêm rồi mà giờ cần chỉnh lại link

    Trả lờiXóa
    Trả lời
    1. Vào bố cục để chỉnh sữa và quản lý bạn ak

      Xóa
  4. Xin chào admin! mình muốn thêm 1 cột bên phải trang chi tiết sản phẩm cho site dưới đây thì làm ntn? mong admin giúp, Thanks!
    http://baodathat.blogspot.com/2016/08/test-6.html

    Trả lờiXóa
    Trả lời
    1. Bạn vào bố cục chụp hình cho mình xem theme bạn thế nào

      Xóa
    2. Nó không mục widget để thêm cột tiện ích đâu admin ah! mình nghĩ phải thêm code trong HTML. Nếu được, làm ơn có thể teamview giúp mình với! FB mình: https://www.facebook.com/phukiennguyenhung
      Site gốc họ thêm được đây này: http://www.tinhdauonline.com.vn/2016/07/tinh-dau-vo-buoi-nguyen-chat.html
      Cảm ơn bạn!

      Xóa
    3. Bạn lưu theme của bạn vào notepad++ rồi gửi vào mail anhhunglh@gmail.com để mình thêm cho

      Xóa
    4. Nhận xét này đã bị tác giả xóa.

      Xóa
  5. Admin cho hỏi mất wiget chỉnh sửa các mục ở trang chủ thì phải tìm sửa ở đâu ạ, cảm ơn ad nhiều.

    Trả lờiXóa
    Trả lời
    1. Ở trang chủ hầu hết các blogspot không có widget riêng bạn ak. Thường được cài riêng trong html

      Xóa
  6. Có code mà chỉ xuất hiện ở trang chủ và chia làm 2 cột không bạn

    Trả lờiXóa
    Trả lời
    1. bạn dựa theo những cách trên rồi thay đổi css cho phù hợp với ý tưởng của bạn là được

      Xóa

Top