Tạo Recent Posts có hiệu ứng load đổi bài viết liên tục dành cho Blogspot

Recent Posts có hiệu ứng load đổi bài viết liên tục dành cho Blogspot.Thuthuatblogspot xin chia sẻ với bạn thủ thuật blog cách thêm widget Recent Posts khá là bắt mắt.Nó hiển thị những bài viết mới nhất mà bạn đã viết. Ở đầu widget sẽ hiển thị bài duy nhất cùng tiêu đề (liên kết), tác giả, ngày và bản tóm tắt ngắn gọn về nội dung . Ngoài ra, bài viết sẽ tự động xoay,chuyển bài viết trong danh sách mới đó lên top đầu của widget này.Khá là ấn tượng đó.

Hướng dẫn tạo widget: Recent Posts hiệu ứng load đổi bài viết mới
Bước 1: Login Blogger và vào Edit Bố Cục (Layout)
Bước 2: Thêm tiên ích HTML/Javascript ở vị trí muốn hiển thị và copy đoạn code dưới :

Code:: <style>
.gfg-root {
width: 100%;
height : auto;
position : relative;
overflow : hidden;
margin: 0 auto;
text-align : center;
font-size: 12px;
border: 1px solid #DBDBDB;
}

Cuối cùng SAVE TEMPLATE lại nhé.
Chú ý: bạn thay đổi các thông tin dưới sao phù hợp với sở thích của bạn nhé :
http://www.hoanclub.com/: sửa thành link blogger của mình
numResults : 12: đây là số lượng bài viết muốn hiển thị
displayTime : 5000, hoverTime : 500 : Thời gian chuyển đổi giữa mấy bài viết , cứ để khoảng 3000 là hợp lý.
Nếu như bạn không thấy chạy ,hãy thử thay: http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js thành như sau https://sites.google.com/site/seovnpro/gfdynamicfeedcontrol.js . Thay http://www.google.com/jsapi thành https://sites.google.com/site/seovnpro/jsapi
Nếu bạn ko thích hiển thị tên Bài viết mới nhất thì thêm thuộc tính display:none vào css là .gfg-title
Vậy là xong !

Thủ Thuật Tổng Hợp

Thủ Thuật Blog - Yahoo - FaceBook

Thủ Thuật Blog