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










Diễn Đàn Game Private
Lớn Nhất Việt Nam











Đăng ký Quên mật khẩu
| TÌM KIẾM | theo |  nâng cao






Cuộc Thi: Đăng 200 bài viết Trong 10 Ngày Nhận Thẻ 500k

Gửi bài mớiTrả lời chủ đề này
Tạo Recent Posts có hiệu ứng load đổi bài viết liên tục dành cho Blogspot
Tác giả: ๖ۣۜADMIN - ๖ۣۜQuản Lý
๖ۣۜTổng Tư Lệnh
avatar
Tổng số bài gửi : 104
Gold : 311
Like : 18
Giới tính : Nam Tuổi : 25
Ngày tham gia : 18/10/2014
Birthday : 30/05/1992
Đến Từ : Cẩm Phả - Quảng Ninh
Sở Thích : Nghe Nhạc
Danh hiệu๖ۣۜTổng Tư Lệnh
Thời gian gửi: 23/07/15, 10:49 pm

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ư sauhttps://sites.google.com/site/seovnpro/gfdynamicfeedcontrol.js . Thay http://www.google.com/jsapi thànhhttps://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 !
Trả lời chủ đề này

Bình Luận bằng tài khoản FaceBookBạn không có quyền trả lời bài viết
Đăng nhập để Bình Luận bằng tài khoản Website
Bài Mới HOT