• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tạo tiện ích Bài viết mới nhất sử dụng hiệu ứng Simple jQuery Spy

11
04/11/2010

Tại trang Jqueryfordesigners đã thử nghiệm hiệu ứng Simple jQuery Spy khá độc đáo. Kiểu hiệu ứng trượt này đem đến vẻ mượt mà và bắt mắt đối với người đọc. Hiệu ứng này có thể được sử dụng cho Blogger trong tiện ích Bài viết mới nhất và hy vọng bài viết này sẽ giúp các Blogger có thêm một kiểu tiện ích hay.


Xem Demo.

Nếu bạn thấy thích tiện ích này thì tiến hành theo các bước sau:

Đăng nhập Blogger Dashboard. Dán toàn bộ đoạn code dưới đây vào một tiện ích HTML/JavaScript.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='JavaScript'>

imgr = new Array();

imgr[0] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";
imgr[1] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";
imgr[2] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";
imgr[3] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";
imgr[4] = "http://i977.photobucket.com/albums/ae255/h3n6r4/Others/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "nhận xét";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 7;

home_page = "http://huynh-nhat-ha.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
Bạn cần điều chỉnh thông số ở những dòng đánh dấu màu đỏ cho phù hợp với Blog của bạn.

{11 bình luậnAdd yours ?}

Nặc danh
10:29:00, 14 thg 11, 2010

hi :) emoticons working?

Reply
10:30:00, 14 thg 11, 2010

Yes it's working now.

Reply
10:31:00, 14 thg 11, 2010

Yes. I have repaired it. :P

Reply
16:17:00, 14 thg 11, 2010

Now it has a michael jackson smiley :mj

Reply
10:02:00, 9 thg 2, 2011

thủ thuật này áp dụng cho từng nhãn thì hay nhỉ, sau bạn không hướng dẫn luôn đi:-*

Reply
09:22:00, 3 thg 8, 2011

Hi Hà,
đây là blog của mình. http://lee-mv.blogspot.com
mấy ngày nay ở nhà rảnh quá nên tạo cái này. lượm lặt thông tin và thủ thuật từ các bạn để tinh chỉnh nó. Thanks All.
Hà cho hỏi, mình không muốn hiển thị bài viết ra trang chính, mà chỉ muốn hiện trích đoạn của 3 or 5 bài gần nhất thôi. Nếu có thủ thuật này giúp mình nhé. Thanks

Reply
09:56:00, 3 thg 8, 2011

Chắc là Viên muốn ... tìm ở tag Auto readmore nhé.

Reply
15:59:00, 14 thg 9, 2011

có cách nào thay đổi cho thủ thuật này không chạy từ trên xuongs mà chạy ngang được không anh Hà

Reply
17:13:00, 14 thg 9, 2011

@Việt NamCó thể được chứ, phải format lại file js.

Reply
00:05:00, 15 thg 9, 2011

@Huỳnh Nhật Hà
anh Hà làm giúp em đi, chứ em không biết gì về js cả .

Reply
09:44:00, 12 thg 5, 2012

Bài viết bạn hay đấy, mà nó lại dễ chứ nó không có phức tạp như mấy blog khác.

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn