Vào trang Thủ thuật Blog, tìm hiều thấy code hển thị một danh sách các bài viết gần đây bên sidebar của bạn (Scrolling/Ticker Recent Post Gadget For Blogger) là một cách tuyệt vời để giữ khách truy cập của bạn bận rộn. Có rất nhiều tiện ích bài viết gần đây bạn có thể sử dụng, nhưng namkna thủ thuật này chắc chắn sẽ gây sự chú ý của độc giả khi truy cập vào blog của bạn.
Widget bài viết mới nhất (gần đây) này tương tự như các bài viết gần đây với hình thu nhỏ nhưng có thêm chức năng cuộn (Scrolling). Nó kết hợp các plugin vticker jQuery để tạo ra một hiệu ứng trượt đơn giản và kiểu dáng đẹp và cuộn các bài viết. Tiện ích được giới thiệu bởi Namknablog.
Ảnh minh họa:
Làm thế nào để add Scrolling Recent Post cho blogger?
1- Đăng nhập (login) vào Blog2- Vào Bố cục (Lay out)
3- Chọn Thêm tiện ích (Add gadget)
4- Tạo một widget HTML/Javarscip và Thêm đoạn code bên dưới vào:
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostticker.js" ></script>
<script style='text/javascript' src='http://dl.dropbox.com/u/70549761/Recent/namkna-blogspot-com/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts = 7;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
$(document).ready(function () {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 3,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'up'
});});
</script>
<div id="sai">
<script src='http://namkna.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
Trong đó:- Nếu blog bạn đã có thư viện Jquery thì hãy loại bỏ code màu xanh đi.
- Thay http://namkna.blogspot.com/ thành URL blog của bạn.
- numposts =7; là số lượng bài viết muốn hiển thị.
- showItems:3 Số bài viết hiển thị trong 1 lần chuyển động.
- speed: 500, thời gian chuyển động
- pause: 3000, thời gian dừng sau mỗi lần chuyển động
- var showpostthumbnails = true; hiển thị ảnh thumbnail nếu không muốn thì thay truethành false
- var showcommentnum = false; Nếu muốn hiển thị số comment thì thay flase thànhtrue
- var showpostdate = false; Nếu muốn hiển thị ngày đăng thì thay flase thành true
- var showpostsummary = false; Nếu muốn hiển thị mô tả thì thay false thành true
- width:55px;height:55px Chiều rộng và cao của ảnh thumbnail
- float:right Ảnh ở bên phải tiêu đề nếu muốn bên trái thì thay right thành left
Chú ý:
Một điều rất quan trọng. Tiện ích có thể xảy ra tình trạng hiệu ứng di chuyển có thể khônghoạt động, có thể do mâu thuẫn giữa một số plugin jQuery đã có trong Blog của bạn, giải pháp phổ biến nhất để điều này là thêm mã sau đây vào cuối tiện ích:
<script type='text/javascript'>
jQuery.noConflict();
</script>
Nếu hiệu ứng di chuyển vẫn không làm việc thì bạn có thể loại bỏ bất kỳ plugin jQuery khác trong blog.
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!!!