Bài viết gần đây với Hack Thumbnail cho Blogger

Bài viết gần đây với Thumbnail là một thú vị mà cho phép bạn để hiển thị các bài viết của mình mới nhất trong phong cách khác nhau. Tất nhiên, Blogger có bài viết gần đây vớiThumbnail tiện ích, nhưng cái này cung cấp cho bạn linh hoạt hơn và các tùy chọn để lựa chọn. Một widget mặc định Bài viết mới nhất kéo nội dung từ nguồn cấp dữ liệu RSS của bạn và chỉ hiển thị các tiêu đề bài viết.

Trước khi bạn thực hiện bất kỳ thay đổi nào, hãy sao lưu mẫu của bạn từ thiết kế -> EditHtml.

Bắt đầu thực hiện thủ thuật.

Bạn Vào Blogger > Thiết Kế > Phần tử trang > Thêm tiện ích > HTML.

Sau đó copy paste đoạn mã dưới đây paster phần của blog của bạn.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://YOURIMAGEURL.jpg";
imgr[1] = "http://YOURIMAGEURL1.jpg";
imgr[2] = "http://YOURIMAGEURL2.jpg";
imgr[3] = "http://YOURIMAGEURL3.jpg";
imgr[4] = "http://YOURIMAGEURL4.jpg";

showRandomImg = true;

tablewidth = 278;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 100;
imgheight = 80;

fntsize = 11;
acolor = "#666";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 75;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 5;

home_page = "YOUR-BLOG-URL";

</script>
<script src="http://fractalblognetwork.com/blogumus/vertical_title_desc_no_comments.js" type="text/javascript"></script>

Thay YOUR-BLOG-URL : thành địa chỉ blogspot của bạn.

Nếu bạn muốn thay đổi cách thể hiện như hình dưới đây thì bạn thự hiện như sau:

Thay http://fractalblognetwork.com/blogumus/vertical_title_desc_no_comments.js

Bằng :http://fractalblognetwork.com/blogumus/horizontal_only_thumbnail.js

Thay thành code sau: http://fractalblognetwork.com/blogumus/horizontal_title_desc_with_no%20comments.js

Và một số code bạn có thể lựa chọn và thay thế :

- Recent posts in horizontal position with only thumbnails 
- Recent posts in vertical position with only thumbnails
- Recent posts in horizontal position with thumbnails, title, description and comments
- Recent posts in vertical position showing thumbnails, title, description and comments
- Recent posts in horizontal position showing thumbnails, title, description and without comments 
- Recent posts in vertical position showing thumbnails, title, description and without comments
- Recent posts in horizontal position showing thumbnails with title, description from any particular label 
- Recent posts in vertical position showing thumbnails with title, description from any particular label
- Recent posts in horizontal position showing thumbnails with title, description in between thumbnails instead of below thumbnail 

Lưu ý :
Trong trường hợp các bài viết gần đây với hình thu nhỏ từ bất kỳ nhãn hiệu cụ thể / tags /loại, chèn dòng trong đoạn mã trên sau khi :

home_page = "YOUR-BLOG-URL";
label = "tagname";

Với YOUR-BLOG-URL Địa chỉ blogspot của bạn

Với tagname tên label hay nhãn của blogspot bạn

Posted in: Thủ Thuật Blogspot