Blog Lê Trung Hiếu

Just another WordPress.com site

Hiển thị widget trong Blogspot

Làm Blogger nhiều khi rất hay bị tình trạng cái gì cũng muốn thêm vào Blog. Việc thêm quá nhiều wiget sẽ làm ảnh hưởng tới tốc độ tải site .Trong khi đó tốc độ tải site lại là một yếu tố quan trọng trong đánh giá chất lượng 1 site.Vậy làm thế nào để vừa có nhiều wiget lại vừa không làm giảm đi tốc độ load site.Câu trả lời chính là hiện các wiget ở các trang khác nhau.Như bản thân mình thì mình để tất cả wiget hiện hết ở trang chủ,trang bài viết thì chỉ có 1 số wiget .Để làm được điều này bạn cần :

Trước tiên, bạn phải biết rõ vị trí code của các widget trong code template. Để xác định việc này, bạn phải xác định được ID của các widget đó, và việc này cũng rất đơn giản, ví dụ : ta có tiện ích(widget) “Người theo dõi” (xem hình minh họa bên dưới)


Bạn nhấp chọn “Chỉnh sửa” sẽ hiện ra hộp thọai như bên dưới:


Phần khoanh tròn màu đỏ chính là ID của widget. Như vậy ta đã xác định được id của nó, bây giờ vào code template để xác định vị trí của nó (xem hướng dẫn bên dưới)

☼Xác định code của widget trong code template:

1. Đăng nhập blog
2. Vào chỉnh sửa code HTML(edit code HTML), chọn mở rộng mẫu tiện ích(Expand Widget Templates).
3. Tìm đọan code như bên dưới, nó chính là code của widget “Người theo dõi” (có thể nhấn Ctrl +F rồi điền từ khóa “Followers2” để tìm).


Khi đã xác định được code của 1 widget, bây giờ ta bắt đầu vào thủ thuật, để đơn giản ta xét code của 1 widget HTML/Javascript (như 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>

Sửa lại cho phép widget hiển thị ở trang chủ:
Bạn sửa code trên lại thành

<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>

Như vậy chúng chỉ khác nhau ở
<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

Advertisements

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s

%d bloggers like this: