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 Traidatmui 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 đẹp cho Blog ở 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.
☼ 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>
#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
Mọi đóng góp về bài vở xin liên hệ tới chúng tôi qua email:
luaphucamhp@yahoo.com
Trang Hoithanhkienbai Blog: Một trang chia sẻ cho bạn về niềm tin nơi Thượng Đế trong Đức Chúa Giê-xu Christ: Tin tức, dưỡng linh, đời sống, hôn nhân, vvv..
0 Ý Kiến- Bình Luận- Nhận Xét :
Đăng nhận xét
NỘI QUY ĐĂNG NHẬN XÉT
» Hội Thánh Kiền Bái Blog cảm ơn bạn đã giành chút thời gian để đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét. Nhớ ĐỪNG ẨN DANH vì đây là điều TỐT để gây dựng Cơ Đốc.
» Nếu thấy bài viết hay hãy chia sẻ với những người thân, bạn bè biết.
» Vui lòng đăng những nhận xét, bình luận phải lịch sự và gõ tiếng Việt có dấu .
Những lời comment thiện ý của bạn sẽ giúp trang Hoithanhkienbai Blog ngày một phát triển! Thank you!!!