"Hiển thị bài viết dạng Gallery"

(Traidatmui.com) – Thời gian qua mình đã tìm hiểu và biết đươc một thủ thuật cũng khá hay về các hiển thị bài viết trên blog Fandung và mình xin chia sẽ cùng các bạn thủ thuật này. Đó là thủ thuật hiển thị bài viết ở dạng Gallery, khi bạn sử dụng thủ thuật này thì các bài viết trong nhãn cùng nhãn mà bạn chọn sẽ hiển thị như bên dưới.

Hình ảnh minh họa

☼ Cách thực hiện thủ thuật này

1. Đầu tiên bạn hãy đăng nhập vào blog
2. Vào bố cục và thêm HTML/Javascript
3. Copy và dán code sau vào HTML/Javascript đó

<style type="text/css">
#art {
height:200px;
margin-left: 18px;
margin-bottom:8px;
width:220px;
padding: 5px;
float:left;
border:1px solid #bbb;
background:#eee;
}

#a-title {
height:64px;
border-bottom:2px #ccc solid;
}

#a-content {
height:150px;
padding-top:5px;
}
</style>


<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";


showRandomImg = true;

imgwidth =220; // độ rộng của ảnh thumbnail
imgheight =130; // chiều cao của ảnh thumbnail
ftcm = 2; // kích thước chữ của dòng hiển thị ngày đăng và comment
fntsize = 16; // kích thước chữ của tiêu đề bài viết
acolor = "#f00"; // màu chữ của tiêu đề bài viết
aBold = true;

text = "Nhận xét"; // Nếu không muốn hiện comment thì thay "Nhận xét" bằng "no"
showPostDate = true; // Nếu không muốn hiện ngày đăng thì sửa true bằng false
poston ="Ngày đăng :";

numposts = 4; //số bài hiển thị
label = "Marketing"; // nhãn cần hiển thị
home_page = "http://www.traidatmui.com/"; // thay bằng địa chỉ URL blog của bạn

</script>
<script src="http://data-traidatmui.appspot.com/scripts/gallery_label.js" type="text/javascript"></script>

4. Bây giờ bạn hãy chỉnh sửa code trên theo hướng dẫn (code màu xanh lá) cho phù hợp với blog bạn. Bạn có thể thay code màu cam bằng ảnh của bạn - đó là ảnh hiển thị khi trong bài viết của bạn không có hình ảnh.
Lưu ý: ở đây nhãn trong code mình sử dụng là "Marketing" chỉ có một từ, đối với những nhãn mà có khoảng trắng ở giữa thì bạn hãy dùng "%20" để thay cho khoảng trắng đó. Ví dụ, nhãn bài viết của bạn là "thủ thuật" thì khi thay vào code bạn sẽ thay bằng "thủ%20thuật". Sau khi bạn tiến hành chỉnh sửa code xong nhớ xóa các dòng chữ màu xanh đi.

Để hiển thị cho toàn bộ bài viết, bạn thay link file script trên thành link bên dưới

http://data-traidatmui.appspot.com/scripts/gallery_post.js

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