Bài viết của một nhãn bằng một Hình thu nhỏ phía trên và bên dưới nó cho thấy chỉ có tiêu đề

Tôi sẽ cung cấp cho một hướng dẫn blogger khác về widget mỗi nhãn chỉ với một hình ảnh thu nhỏ ở phía trên và bên dưới nó cho thấy chỉ có tiêu đề, để biết thêm chi tiết, xin vui lòng xem ảnh chụp màn hình bên. Widget này thường được sử dụng bởi các nội dung tin tức blog, một chức năng của tiện ích này để làm cho nó dễ dàng hơn cho người đọc để khám phá tất cả các danh mục có sẵn và có thể tóm tắt các không gian trên một mẫu. 

DEMO 

1. Trước tiên, bạn phải làm là đăng nhập vào blogger với tài khoản của bạn
2. Sau đó, chọn blog bạn muốn thêm tiện ích này.
3. Đăng nhập vào mẫu >> Edit HTML và kiểm tra các mẫu tiện ích mở rộng
4. Để phòng ngừa để tránh các lỗi sau đó chỉnh sửa, sao lưu mẫu của bạn đầu tiên.
5. Sau khi tất cả các bước trên, đặt đoạn mã sau vào trước  ]]></b:skin>:

img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px} img.label_thumb:hover{background:#f7f6f6}.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}

Lưu ý màu sắc văn bản màu xanh ở trên, nó là chiều rộng và chiều cao của hình ảnh thu nhỏ.

6. Sau khi tất cả các bước trên, đặt đoạn mã sau vào trước  </head> :

<script src='http://havanduong.googlecode.com/files/labels.js' type='text/javascript'/>

7. Sau đó, lưu mẫu , và tiến hành bố trí hộp chọn sẽ được thêm vào các phụ tùng này. Thêm tiện ích >> HTML / Javascript nhập mã sau đây vào:

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script> <script type="text/javascript" src="/feeds/posts/default/-/Báo chí?orderby=updated&alt=json-in-script&callback=labelthumbs"></script> <script type="text/javascript"> function recentpostslist(json) {  document.write('<ul>');  for (var i = 1; i < json.feed.entry.length; i++)  {     for (var j = 1; j < json.feed.entry[i].link.length; j++) {       if (json.feed.entry[i].link[j].rel == 'alternate') {         break;       }     } var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs var entryTitle = json.feed.entry[i].title.$t; var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";  document.write(item);  }  document.write('</ul>');  } </script> <script src="http://demoblogduong.blogspot.com/feeds/posts/summary/-/Báo chí?max-results=6&alt=json-in-script&callback=recentpostslist"></script> <a href="http://demoblogduong.blogspot.com/search/label/Báo chí" style="float:right;font:normal 11px Arial;padding:5px 0;">Xem thêm &#187;</a>

Lưu ý những điểm màu xanh đậm

Báo chí   Là nhãn bạn muốn hiển thị hoặc xem thêm

http://demoblogduong.blogspot.com/  đổi thành địa chỉ Blog của bạn

http://demoblogduong.blogspot.com/search/label/Báo chí    Là nhãn bạn muốn xem thêm

results=6 số bài cần hiển thị là 6

Chúc bạn thành công!