Tiện ích Bài Mới Đẹp Cho Blogspot-Recent Posts


bài viết mới nhất mà bạn vừa mới đăng. Phần dưới (còn gọi là bottom-news) bao gồm 4 ảnh nhỏ và tiêu đề bài viết của 4 bài đăng kế tiếp (số lượng này bạn có thể tuỳ chọn). Cột bên phải bao gồm các tiêu đề bài viết tiếp theo của Blog hoặc của một nhãn được sắp xếp từ trên xuống theo thứ tự thời gian (số lượng này bạn cũng có thể tuỳ chọn). 
Mời bạn bấm vào "Xem thử" phía dưới để trải nghiệm trước thủ thuật này.

DEMO
Để tạo tiện ích bài mới như đã xem ở demo:
Đầu tiên, bạn đăng nhập vào blog > Chọn thiết kế > thêm tiện ích HTML/Javacript (nếu sử dụng giao diện mới thì bạn chọn Mẫu > thêm tiện ích HTML/Javacript), các bạn nào chưa biết cách thêm tiện ích HTML/Javacript thì xem BÀI NÀY, rồi dán code phía dưới vào:
<style type="text/css">
#social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
#cotent-news{border:#005595 solid 2px;width:625px;border-radius:5px}
#top-news{width:405px;height:157px;padding:4px;border:#005595 solid 1px;background:transparent;font-size:14px}
#bottom-news{width:405px;padding:5px}
#bottom-news-item{width:100px;margin-righ:5px;float:left}
#left-news{padding:5px;border-left:1px solid #005595}
</style>
<div id="social">
<script language="JavaScript">imgr = new Array();imgr[0] = "https://lh3.googleusercontent.com/-2uZ0FXFNaDo/UNVPvwoa1BI/AAAAAAAAD94/Iie8t2yjkgY/s152/OK.gif";imgico= "https://lh4.googleusercontent.com/-oC_vCk1vxjY/UNI1jgW7sAI/AAAAAAAADo4/o2JruwpEftE/s12/ngoi%2520sao%2520nh%25E1%25BB%258F%2520vang.gif";showRandomImg = true;topwidth = 150;topheight = 150;botheight = 93;botwidth = 93;fntsize = 14;vnesize = 18;acolor = "#005595";cmcolor = "#005595";topcolor = "#005595";aBold = true;text = "Comments";showPostDate = true;summaryPost = 70;summaryFontsize = 14;summaryColor = "#005595";botnum = 4;numposts = 12;label = "";home_page = "
http://www.vietsunny.net/";</script><script src="https://googledrive.com/host/0B7dsLzZ8KnJmM3dGRmF2aWxLRW8/" type="text/javascript"></script></div>
Bạn thay đổi link này thành link Blog của bạn nhé > http://www.vietsunny.net/
 Bây giờ bạn chỉnh sửa các dòng lệnh theo ý thích của mình. 
Trong đó:
Width (đầu tiên): là chiều rộng của cả tiện ích
Width (thứ hai): là chiều rộng của top-news
Width (thứ ba): là chiều rộng của bottom-news 
Background: màu nền của top-news
Imgicon: icon trước tiêu đề bài viết ở cột bên phải 
Topwidth: chiều ngang của ảnh ở top-news
Topheight: Chiều cao của ảnh ở top-news
Botheight: Chiều cao của ảnh ở bottom-news
Botwidth: Chiều ngang của ảnh ở bottom-news
cmcolor: màu của chữ
Summary Post: số lượng từ của dòng mô tả bài viết mới nhất
Summary Fontsize: Kích thước chữ của dòng mô tả bài viết mới nhất.
Botnum: Số lượng ảnh và tiêu đề các bài viết ở bottom-news
Numpost: Số lượng các bài viết hiển thị ở tiện ích (bao gồm các bài viết ở top-news, bottom-news và các bài viết ở cột bên phải)
Label: tên nhãn (nếu sử dụng cho cả blog thì ô này bỏ trống).
Home Page: Địa chỉ blog của bạn.
Cuối cùng bấm Lưu và trở về blog xem kết quả.
Chúc các bạn thành công. 


Share on Google Plus

About Kecodon10 Nguyễn Đắc Tâm

Có nhiều người nói, 1 số thì bảo mình biến thái , 1 số lại nói mình lập di ,còn 1 số người lại bảo mình hơi kỳ quái vì lý do mình thích ngắm sưu tầm và nếu có cơ hội là chộp luôn . Nhưng mình thích vì điều đó sở thích mình là như zậy ở đâu có áo dài là lảng vảng đâu đó có mặt mình 1 linh hồn bí ẩn .. khà khà Mình rất vui khi mình được ngắm và chiêm ngưỡng Áo Dài Việt Nam 1 sở thích Bất diệt nơi Tâm hồn ... ^^