Trang chủ \ 19:20

Bài viết mới có hình ảnh cho Blogger

recent postsTiện ích Recent Posts với hình ảnh thu nhỏ - đây là tiện ích mà mình không dùng vì muốn xem bài viết mới mình thường có thói quen quay về trang chủ. Tiện ích được viết ra chỉ cho đủ bộ tiện ích về Bài đăng bởi cũng không tìm được thêm tính năng nào được coi là mới. Có chăng là tính năng nhận biết bài viết nào đã tắt Nhận xét, hình ảnh hỗ trợ cho cả video trên Youtube và gần đây mình thấy ảnh ở Photobucket cũng được lưu trữ, số lượng bài viết được tải về từ feed lấy đủ cho số bài viết bạn muốn hiển thị để tránh dư thừa. Những tính năng này đều đã có trong các tiện ích Related PostsRandom Posts.



Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
#recent-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}
Nếu đã áp dụng tiện ích Bài viết ngẫu nhiên tốc độ cao cho Blogger thì bạn bỏ qua bước này và thay #random-posts img{ thành #random-posts img,#recent-posts img{ cho đồng bộ khi muốn chỉnh sửa.

Bước 2: Thêm 1 widget HTML/Javascript tại nơi muốn hiển thị Recent Posts. Hiệu chỉnh Tiêu đề và dán đoạn mã dưới đây vào phần Nội dung rồi chọn LƯU.
<div id='recent-posts'>
<script type='text/javaScript'>
var rcp_numposts=5;
var rcp_snippet_length=150;
var rcp_info='yes';
var rcp_comment='Nhận xét';
var rcp_disable='Tắt Nhận xét';
function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
</script>
</div>

Thay 5 bằng số bài viết bạn muốn hiển thị, 150 là số ký tự của đoạn trích dẫn nội dung bài đăng. Nếu không muốn hiển thị thông tin ngày tháng đăng bài và số nhận xét hãy thay yes thành ký tự bất kỳ khác.
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

112

Nhận xét
1

Oh yeah :))
Spam ăn mừng nào :))

Reply
2

@NoctBác test đi nhá, em đi ngủ đã.

Reply
3

Em đã áp dụng thành công, cảm ơn bác. +1 ;;)

Reply
4

Đề nghị bác Duy làm luôn tiện ích Bài xem nhiều nhất kiểu thế này cho đồng bộ :D

Cả tiện ích Nhận xét nhìu nữa :P

Reply
5

@NADbác nì được con voi đòi 2 bà trưng... nhưng 2 bà trưng này hơi bị đẹp...

Reply
6

Nhận xét này đã bị tác giả xóa.

Reply
7

@Duy Thực ra DUY nói cũng đúng, đối với blog cá nhân trở về trang chủ xem bài viết mới là tối ưu.
Tuy nhiên đối với những trang tin tức, lượng bài viết nhiều, trang chủ phân theo theo chủ đề hoặc nhãn thì tiện ích bài mới nhất rất quan trọng dùng để điều hướng người dùng.
Tiện ích này khi kết hợp với tiện ích nhận xét mới và bài viết đọc nhiều... rất ư là lợi hại.
Theo anh nghĩ cái hay cái sáng tạo không nhất thiết phải là cái mới hoàn toàn, ta có thể sắp xếp những cái cũ một cách thông minh đó cũng là một giải pháp mơi. Làm trọn một bộ widget (rc posts, rc comments, related posts, popular posts, random posts) tối ưu code và đồng bộ theo kiểu module cũng là một ý rất sáng tạo.

Reply
8

Cũng giống như bài trước vể random post, tiện ích này cũng có ưu thế về tốc độ hả duy :)

Reply
9

À, sao không cho ra lò tiện ích Bài xem nhiều nhất kiểu thế này cho "tốc độ thần sấm" hả Duy ơi

Reply
10

Hôm wa vote mạnh quá nên chắc bác Duy mới cho ra cái Recent Posts này luôn nhỉ :))

Reply
11

@NADBài xem nhiều Blogger đã có rồi mà bác, cách custom em cũng có viết rồi. Một vài tiện ích nữa có thể khi có thời gian sẽ nâng cấp và fix lỗi rồi đăng trên Bloggeritems :D

Reply
12

@Minh TriếtÀ, vì quan điểm của em là cố gắng về chất lượng chứ k chạy theo số lượng. Cảm ơn ý kiến của bác, em sẽ suy nghĩ về hướng đi này.

Reply
13

@BloggerTốc độ và tính năng là tiêu chí của em :)

Reply
14

@Duy PhamLink dau bac oi, em ko tim thay' :(

Reply
15

@NADLink nào hả bác?

Reply
16

DUy à, cái lồ gố mới của Duy không đẹp lắm, nhìn cái cũ thích hơn. [-(

Reply
17

Nhân tiện xin luôn mấy bài "RC for Speed" này về blog để làm tài liệu sưu tập và quảng bá Duy nhé!

Reply
18

@Blogger2 tiếng lên ý tưởng + photoshop của em mà bị chê quá :((

Reply
19

@Duy Pham Tốt nhất Duy làm cố định 1 phát luôn cho thật hài lòng, cứ mỗi tháng thay đổi làm mọi người k nhớ là gì. Hay đang practice công phu đó.

Reply
20

@Huỳnh Nhật HàĐâu có thử gì đâu bác, khi chuyển sang temp này logo em chỉ làm tạm thời, giờ mới thiết kế được cho nó.

Reply
21

@Duy PhamNếu load feed một lần cho tất cả 4 hoặc 5 widget một lúc thì như vậy MT nghĩ sẽ rất hay :)

Reply
22

@Blogger

Không biết bác nghĩ thế nào chứ em thấy logo như bây giờ là đẹp rồi.
Hồi trước định nói cái logo cũ xấu nhưng bác Duy thay rồi nên em không nói nữa.
Bác nên xem lại khái niệm đẹp và xấu của bản thân đi nhé.

Reply
23

@Minh TriếtK có feed nào được sử dụng chung mà bác. Cái hiển thị nhận xét với Blogger khi sử dụng disqus mà có lần bác nói ý, bác thử vào feedburner chọn tab Optimize -> FeedFlare rồi chọn Comments Count (Blogger) xem có nhận được số nhận xét trong mỗi bài gửi về feed không. Cái này bác hỏi bác MH bên Bloggerplus xem vì em test ổn với blog bác ấy.

Reply
24

@Duy Pham
Sao lại tạm thời, nó phải như cái giấy khai sinh chứ Duy, theo anh thì anh nghĩ thế (xưng anh ko biết có đúng không, mình sinh 77)

Reply
25

@VnAbout: BloggerEm kém bác 8 tuổi :) Logo dùng chính thức rồi bác, đăng ký ™ ở đâu nhỉ :D

Reply
26

@Duy Pham

He he, mọi người chê xấu nhưng vẫn dùng chính thức, nên chứng tỏ "Xấu nhưng kết cấu nó ... hài hòa".

Reply
27

Bác xem phim Công Fu chưa, châu tinh trì đóng hay hớm =))

Reply
28

cám ơn duy nhắc về vụ bản quyền , xém nữa là bị người khác vào la, :( xấu hổ quá =.=

Reply
29

nên thêm tooltips cho tiện ích bài viết mới và bài viết ngẫu nhiên ! cho hoàn thiện hơn

Reply
30

@Cu0nglsftooltips thì tùy style mỗi người, có thể mình sẽ thêm title thôi.

Reply
31

Có cái recent comment nào nhẹ nhẹ không Duy ?

Reply
32

cám ơn bác Duy, em xin vài tiện ích nha :-O

Reply
33

@NeyurtCó mỗi cái đang dùng nhưng k nhẹ

Reply
34

Thank, thủ thuật này hay thật

Reply
35

@Duy PhamThiết kế logo làm ột câu chuyện rất dài từ việc làm sao cho cân bằng trong bố cục, màu sắc và thể hiện được ý nghĩa nội tại lại phải độc đáo... Nhiều thứ để bàn,

Logo của duy chỉ mỗi 1 điểm kg tốt là theo phong thủy nó đang đi xuống :)

Reply
36

@Minh TriếtEm k suy nghĩ sâu xa được đến vậy, nhất là những thứ như phong thủy, tín ngưỡng... Chắc do em theo chủ nghĩa duy vật. Logo thì màu xanh là màu chủ đạo trên blog em, 2 chữ dp k phải chỉ là viết tắt tên em mà nó là 2 chữ trái ngược như trong em có 2 tính cách vậy: 1 nửa nhẹ nhàng, điềm đạm, 1 nửa còn lại thì luôn muốn nổi loạn :D

Reply
37

@Duy PhamCó thể hiểu, hồi cái logo của trang người áo lam anh cũng làm mất cả tháng trời... nói chung làm xong mà thấy hài lòng cũng là cái thú vui tao nhã :)

https://lh5.googleusercontent.com/-xKrwebmhQJc/TnBRtvGepaI/AAAAAAAAAiA/SbqH5c78KfM/4rum.png

Reply
38

Bài mới đê bác ơi :D

Reply
39

@NADĐang chạy show đám cưới bác ơi @-). Dự định vài bài nhưng lười viết quá :D

Reply
40

@Duy Pham Em đấm bóp cho ^^ đỡ mỏi lưng nè :-t

Reply
41

@YolksNơi công cộng cấm nghịch dao b-( :D

Reply
42

@Duy PhamThiệp hồng đến tay mất ngay ta thóc

Reply
43

Vừa đi ăn cưới hôm qua ở Mỹ Đình, hic hic đang mùa các bác ạ, tuần sau lên Phạm Ngũ lão :((

Reply
44

Duy ơi cho toi hỏi tại sao tôi xóa bài rồi mà ở linkwithin vẫn hiện lên và khi click vào nó bảo không tim thấy trong blog, làm gì để khác phục lỗi này
Nhờ Duy trả lời sớm nhé
Tks!

Reply
45

@My Dollar and EuroEm không dùng linkwithin nhưng đoán là khi cài đặt vào blog nó sẽ tự động tìm kiếm những bài viết trên blog mình sau đó lưu vào cơ sở dữ liệu của nó rồi phân loại những bài liên quan. Khi bác xóa bài viết nhưng linkwithin chưa cập nhật lại nên vẫn hiển thị bài đó. Có thể 1 khoảng thời gian nhất định linkwithin mới quay trở lại và cập nhật.

Reply
46

thế ah Duym may quá bạn đã trả lời ngay, Duy cũng ở Hn à, đọc thấy đoạn ăn cưới ở Mỹ đình (hihi)
Thanks Duy nhiều nhé, có gì khó nhờ Duy giúp, mình cũng ở HN

Reply
47

@Bố Mẹ Dollar và EuroEm hiện ở Hà Nội nhưng ăn cưới ở Mỹ Đình là comment của Nam Duy chứ k phải em :D

Reply
48

Hehe, thế àh.Duy có Hay đá bóng không, rảnh anh em giao lưu?
bạn để ý mình cái linnwithin nhé, khoảng bao lâu thì bài xóa hết giá trị. link vào xem cái log mình vừa tạo domo rồi xóa đi những bài đã viết, ở linkw vẫn còn nguyên. vutcb.blogspot.com

Reply
49

@Bố Mẹ Dollar và EuroBóng đã là niềm đam mê của em, ngày trước cũng hay đến sân Y đá. Nhưng đến 4 năm nay k đụng vào bóng nữa, mấy tháng trước chạy được 10' xin thay người luôn @-). Chân cẳng teo hết lại rồi :D

Reply
50

Đá lại đi, minh cũng hơi nhiều tuổi nhưng vẫn phải đi đá để có chút sức khỏe, sân Y bây giờ bé nhiều so với ngày xưa nhì, mình vẫn hay ở sân BK. chơi lại đi nhé :))

Reply
51

Duy Phạm có cái recent posts nào chỉ hiện hình ảnh không không share nhé thank =))

Reply
52

@NamPhongNgười đòi thêm mô tả, người chỉ cần ảnh :D

Reply
53

@Duy Pham hihi tại muốn làm web phim nên cần mông bác thông cảm hiih

Reply
54

Blog mình ảnh bị dính viền màu css nên ra thế này @-)

http://nh4.upanh.com/b4.s13.d4/30c333813492973d3729b29109e383a7_39541054.1.png
Duy Pham biết thì giúp mình với nhé. Cảm ơn bạn.

Reply
55

@Trương Trịnh Thế HiểnBạn thêm padding:0; cho ảnh new đó.

Reply
56

Bác cho em hỏi cách làm Lưu trữ như của bác đi. Để chuột vào là nó tự đổ xuống ấy!! :-O

Reply
57

pác Duy ơi cái tiện ích này với nhận xét có avatar hình như không hoạt động trên blog demo.voquocan.com mà cũng không hoạt động trên blog chính của mình lun thì phải. mình gắng tiện ích ở chân trang blog demo đó, Duy xem thử có cách nào khắc phục không

Reply
58

@Võ Quốc AnCài đặt vào widget HTML chứ k phải Text.

Reply
59

Cảm ơn vì những chia sẻ. Không nói gì hơn.. quá hay... Mọi thứ..

Reply
60

Rat hay thank ban nha ^^ !

Reply
61

duy oi duy chỉnh lại cho hình nhỏ lại như bài viết ngau nhien toc do cao duoc khong duy

Reply
62

Mình vẫn để 36px giống như random posts đó chứ.

Reply
63

nhưng không biết sao mình add vào nó lớn hơn random post gấp đôi luôn
hay mình chèn hai tiện ích nó ảnh hưởng vậy

Reply
64

Đọc kỹ lại bước 1.

Reply
65

Nhận xét này đã bị tác giả xóa.

Reply
66

Anh Duy hướng dấn e fix cái widget này với, e dùng magic lẫn đặt chế độ width full cũng không đưa được nó qua cho đẹp cân đối với sidebar: http://www.shopkienthuc.net/2012/05/ia-li-12-bai-20-chuyen-dich-co-cau-kinh.html . Anh giúp e với nhé

Reply
67

Thêm #sidebar ul{margin:0;padding:0} vào css. Temp bạn toàn khai báo css cục bộ, muốn thêm widget nào lại phải khai báo riêng. Và có tới 2 cái id sidebar là k đúng.

Reply
68

Cảm ơn anh thật nhiều

Reply
69

Ban ơi!
Giờ mình muốn làm cái popular posts cũng như thế này cho nó đồng bộ thì làm thế nào vậy?

Reply
70

Nhận xét này đã bị quản trị viên blog xóa.

Reply
71

Mình làm được rồi, nhưng cái tiện tích này nó ko được thẳng hàng và đồng bộ với bài đăng phổ biến của mình. Duypham có thể chỉnh giúp mình code sao cho nó canh lề lại cho thẳng hàng ko ? Giúp mình với nhé, mình mò mãi mà ko ra :(.

blog mình ở đây : http://kin-share.blogspot.com

Thanks trước.

Reply
72

Awesome widget

Reply
73

công nhận duypham tuy thủ thuật ko nhiều nhưng được cái cái nào cũng khá chuẩn ! với phương châm đủ tính năng và nhanh gọn.

Reply
74

document.write có seo được không?

Reply
75

document.write là Js thì làm sao seo đc hả bác

Reply
76

Google vẫn đọc ok.

Reply
77

Thanks bạn nhé, mới fix cái blog xong, thanks thanks
Hân hạnh giao lưu với cộng đồng blogger http://gemini360o.blogspot.com

Reply
78

Lỗi khi phân tích cú pháp XML, dòng 2119, cột 112: Element type "rcp_numposts" must be followed by either attribute specifications, ">" or "/>".

Em ko hiểu cái lỗi này lắm,

Reply
79

thanks, để thử cho cái blog bếp từ cái :D

Reply
80

Nhận xét này đã bị quản trị viên blog xóa.

Reply
81

Có thể cho nó hiện thị tiêu đề trên và nhãn dưới.Nhưng không cần thumbnail và đoạn trích được không anh?
VD: Vì một lần yêu (tiêu đề)
Phan Đình Tùng (Nhãn).
Như thế sẽ giống trang nghe nhạc đó anh.hihi

Reply
82

Demo ảnh cho anh dễ nhìn nè: https://lh6.googleusercontent.com/-pe-spzQ0l4w/ULwIzVUsBoI/AAAAAAAACYM/akRZytYbI6I/s300/untitled%2520copy.jpg

Reply
83

Mình k làm theo yêu cầu bạn ạ, nhưng nếu nhiều người có nhu cầu giống vậy thì mình sẽ code cho :D

Reply
86

Code đi anh!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Em mong từng giờ đó.
Ngày nào cũng phải vào đọc bài xem anh có bài mới chưa.

Reply
84

Ôi nếu được thì cám ơn anh nhiều lắm.
Mọi người ơi có ai có nhu cầu như em không pm đi cho anh duy có cảm hứng post bài đi mọi người !!!!!!!!!!!!!!

Reply
85

mà anh Duy cho em code cái phần TopHeader của anh đi.Kết cái phần trên cùng của anh quá.Đơn giản mà rất đẹp.hi

Reply
87

Đúng là Pro Blogger bài thật dễ hiểu,

Reply
88

- Muốn áp dụng cho 1 link blog khác để mình quan tâm khi có bài mới thì sao hả bác ! tks

Reply
89

Thêm vào trước /feeds/posts/default địa chỉ của blog đó, vd như http://choiblogs.blogspot.com/feeds/posts/default

Reply
90

Có thể lấy bài viết mới nhất theo 1 nhãn nhất định của thủ thuật trên không anh?

Reply
91

Bạn thay /feeds/posts/default thành /feeds/posts/default/-/Tên%20Nhãn
%20


%20 là thay cho khoảng cách nếu tên nhãn có khoảng cách

Reply
93

Anh ơi hãy lấy cái này làm ý tưởng cho bài viết mới đi anh.Em chờ anh code lâu rồi nè :(
Demo:https://lh6.googleusercontent.com/-pe-spzQ0l4w/ULwIzVUsBoI/AAAAAAAACYM/akRZytYbI6I/s300/untitled%2520copy.jpg

Reply
94

Bạn thử tham khảo bài này xem sao nhé!

Reply
95

Cám ơn HCV.Em đã xem bài của anh.Điều em muốn nhất ở cái thủ thuật là có thể hiện thị Nhãn ngay bên dưới tiêu đề mỗi bài luôn ý.^^!.
Dù sao cũng tks anh nhé.Giáng Sinh VV @.
Tiếc là không mời được ai đến nhà nhỉ.Em ở Thiên Chúa Giáo nên Giáng Sinh làm to lắm.Chúc tất cả mọi người 1 mùa Giáng Sinh an lành nhé.

Reply
96

Với tiện ích này có thể show tiêu đề của Nhãn ra cùng với ngày đăng + comment không anh

Reply
97

Bạn có thể cho mình hỏi. Mình muốn thêm 1 class vào đoạn trích dẫn của bài viết để thực hiện tooltip thì thêm vào đoạn js như thế nào?

Reply
98

Ồ mình thực hiện được rồi. Vẫn thêm như bình thường chỉ là thay ' bằng "
0_0

Reply
99

À cho mình hỏi thêm có thể thay hàm '+rcp_commentsNum+' bằng một hàm khác để hiển thị nhãn của bài đăng đó hay không. Cám ơn nhiều!

Reply
100

Không được bạn, muốn hiển thị nhãn phải code thêm. Vấn đề là bài có nhiều nhãn thì hiển thị nhãn này ở chỗ nào?

Reply
101

Sao của em dòng 2 nó bị tụt xuống anh nhỉ?

Reply
102

Ceewave.blogspot.com. Cái này

Reply
104

Đã chèn thử, thật tuyệt vời cảm ơn anh đã chia sẻ..

Reply
105

Làm thế nào để áp dụng nội dung bài viết này theo cách:
Tôi ham mộ những bài viết của một blogger khác và muốn theo dõi hằng ngày trên blog tôi, tôi muốn thể hiện bài viết mới nhật của họ trên blog tôi thì thủ thuật trên không đáp ứng được.
- Tôi muốn áp dụng thủ thuật này theo kiểu không dùng js nhưng nó nằm trên một link blog khác được không admin ?

Reply
106

Ở trên bạn vẫn có thể cho hiển thị bài viêt của blog khác trên blog mình mà bạn, bằng cách thêm tên miền của blog đó trước http://tenmiencuaban.blogspot.com/feeds/posts/default. Hoặc bạn muốn không dùng script thì có thể dùng tiện ích có sẵn của blogspot là Bloglist.

Reply
107

Ad ơi bạn dựa trên cái code trên bạn là cái img nó xoay 360 độ được không?

Reply
108

var rcp_posttitle=entry.title.$t;
-------------------------------------------
Bác duy đọc giúp em cái code này được không ạ.em hiểu thì
Entry là bài viết - title thì là tiêu đề - $t là gì hả bác

Reply
109

Nó là tiêu đề bài viết đấy

Reply
110

ok cám ơn bác !

Reply
112

Chào Duy! mình đang muốn viết trang blog cá nhân, mình dùng cái tiện ích của bạn mà không được. Mong bạn kiểm tra lại giúp mình được không?

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.