• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Bài viết mới nhất có ảnh đại diện sử dụng Blog List

5
09/01/2011

Các bạn đã biết một số kiểu tiện ích Bài viết mới nhất có ảnh đại diện mà tôi đã tạo ra và giới thiệu (bạn có thể tìm trên blog bằng cách tìm từ khóa Recent Posts trên công cụ tìm kiếm). Tuy nhiên có một kiểu tiện ích Bài viết mới nhất có ảnh đại diện mà bạn chưa bao giờ nghĩ đến, đó là sử dụng tiện ích Blog List sẵn có của Blogger. Tiện ích Blog List giúp liệt kê những blogspot mà bạn ưa thích và tiện ích này hiển thị bài viết mới nhất của những blogspot đó với phần Tiêu đề Blog, tiêu đề bài viết, phần tóm tắt bài viết và ảnh đại diện. Vậy tại sao chúng ta không sử dụng chức năng của tiện ích này để tạo ra tiện ích Bài viết mới nhất có ảnh đại diện. Trước khi viết bài giới thiệu này, mình đã test thành công và đặt tên tiếng Anh cho tiện ích là Recent Posts with Thumbnails Widget Using Blog List by Huynh Nhat Ha.

Tiện ích Bài viết mới nhất có ảnh đại diện sử dụng Blog List là kiểu tiện ích Bài viết mới nhất gọn nhẹ nhất, giúp trang cải thiện tốc độ load trang. Nếu bạn muốn cài đặt tiện ích này cho blogspot của mình thì hãy thực hiện theo các bước sau đây.

Đăng nhập Blogger, vào Page Elements >> Add a Gadget chọn Blog List.

Tại mục Title, bạn hãy đề là Bài viết mới nhất.

Tick chọn vào các mục Title of most recent item, Snippet of most recent item, Thumbnail of most recent item.



Nhấn ADD TO LIST.



Sau đó dán vào mục Add by URL với địa chỉ sau đây:

http://huynh-nhat-ha.blogspot.com/feeds/posts/default/?start-index=1

Bạn cần thay huynh-nhat-ha bằng tên blogspot của bạn. Nhấn Add rồi tiếp tục nhấn ADD TO LIST và dán vào URL sau đây.

http://huynh-nhat-ha.blogspot.com/feeds/posts/default/?start-index=2

Cứ như vậy lần lượt đến

http://huynh-nhat-ha.blogspot.com/feeds/posts/default/?start-index=3

rồi đến

http://huynh-nhat-ha.blogspot.com/feeds/posts/default/?start-index=4



http://huynh-nhat-ha.blogspot.com/feeds/posts/default/?start-index=5

cho đến khi nào bạn muốn đủ số lượng bài viết muốn hiển thị trên tiện ích Bài viết mới nhất thì dừng lại, rồi nhấn SAVE để lưu tiện ích.

Bước 2. Vào Edit HTML. Đặt trước dòng ]]></b:skin> với đoạn code bên dưới.

#BlogList1 .blog-title{
display:none;
}

Tác dụng của đoạn CSS này là ẩn đi tiêu đề Blog hiện trên Blog List để tạo dáng vẻ hoàn hảo như một tiện ích Bài viết mới nhất có ảnh đại diện chính hiệu.

Lưu Template là OK.

Hy vọng bạn hài lòng với kiểu tiện ích này.

{5 bình luậnAdd yours ?}

14:55:00, 13 thg 1, 2011

Hay lắm bạn ! Cố gắng phát huy nhé ! Chúc phát triển !

Reply
14:46:00, 24 thg 1, 2011

Ở thủ thuật này, nếu mình muốn chỉ bài viết mới nhất mới có avatar + tiêu đề và mô tả, còn những bài cũ hơn thì hiển thị dạng list ( chỉ tiêu đề ) có được không Hà ?

Reply
21:09:00, 24 thg 1, 2011

@iTechPlus Ý cậu tớ nghĩ cũng hay, để thử test xem cái đã mới viết bài nhé. :67)

Reply
23:18:00, 24 thg 1, 2011

OK ! Thanks nhiều ! Cố gắng nhé ;)

Reply
11:39:00, 30 thg 7, 2012

Hà ơi, sao mình chèn code sau ]]><b:skin mà nó ko ẩn tiêu đề blog vậy??? Hjx...
Khắc phục làm sao vậy Hà??? Hướng dẫn lại giùm mình nhé! Thanks.
Mình hỏi thêm: Hiện tại tiện ích hiện bài viết có thump của mình sao tự nhiên giờ nó ko hiện hình lên nữa. làm sao mình khắc phục???

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn