Thủ thuật yêu cầu : Tiện ích Recent post không có ảnh thumbnail
Theo yêu cầu của Oliver (oliver273.blogspot.com)
[FD's BlOg] - Vẫn như các bài recent post khác, mình vẫn dùng tiện ích Recent posts của VWG để chỉnh sửa lại. Do bạn Oliver không nói rõ có hay không phần summary post, nên mình sẽ giới thiệu cả 2 cách.
Hình ảnh minh họa:
Không có phần summary post
Không có phần summary posts và phần comment, ngày post...
Có phần summary post
Và đây là code của thủ thuật:
- Chỉ cần tạo một widget HTML/Javascript rồi dán tất cả code bên dưới vào là xong.
<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
fntsize = 12;
acolor = "#f00";
aBold = true;
icon = " » ";
text = "Nhận Xét";
showPostDate = true;
summaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
icon2 = " » ";
numposts = 6;
home_page = "http://www.fandung.com/";
</script>
<script src="http://data.fandung.com/js/recentpost-nothumbnail.js" type="text/javascript"></script>
Do bạn Oliver là người mới, nên mình sẽ giải thích kĩ 1 chút về code :
+ fntsize = 12; : font của tiêu đề bài viết.
+ acolor = "#f00"; : màu chữ của tiêu đề bài viết
+ text = "Nhận Xét"; : nếu không muốn hiện thị số comment của bài viết thì sửa Nhận xét lại thành No
+ showPostDate = true; : nếu không muốn hiện ngày đăng thì sửa true thành false
+ numposts = 6; : số bài viết sẽ được hiển thị
+ summaryPost = 200; : số kí tự sẽ hiển thị ở phần summary post
+ summaryFontsize = 12; : kích thước chữ của phần summary post
+ summaryColor = "#000"; : màu chữ của phần summary post
+ home_page = "http://www.fandung.com/"; : thay bằng địa chỉ URL của blog bạn
Và lưu ý thêm nữa : nếu bạn không muốn hiển thị phần summary post thì sửa link file javascript ở phía trên lại thành link bên dưới :
http://data.fandung.com/js/recentpost-nothumbnail1.js
Chúc các bạn thành công.
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Giải pháp Blogger bị chặn 02/07/2012
- Các truy vấn cơ bản với Blogspot
- Nâng cấp ANC Gdata lên phiên bản 2.
- Hướng dẫn config domain cho hầu hết các mạng.
- Khắc phục hiện tượng chặn web của VNPT.
- Giải pháp VNPT chặn blogger ngày 09/06/2012
Comments[ 0 ]
Đăng nhận xét