Trang chủ \13.10.11

Bài viết ngẫu nhiên tốc độ cao cho Blogger

random postsMột trong những tiện ích mình kiêng kỵ nhất là Random Posts, bởi tiện ích này tải toàn bộ dữ liệu từ feed về, không những làm chậm tốc độ cho blog mà còn không chính xác với blog có trên 500 bài viết - đây là con số bài viết tối đa được feed tải về. Trong tiện ích mình giới thiệu sau đây thay vì 1 lần tải toàn bộ feed thì mình tải lần lượt theo số bài viết muốn hiển thị và chỉ lấy duy nhất 1 bài trong 1 lần tải. Trước đó sẽ có 1 lần tải dữ liệu đầu tiên từ feed để xác định tổng số bài viết hiện có, 1 hàm lấy ngẫu nhiên 5 số khác nhau từ 1 đến tổng số bài viết. Ví dụ muốn hiển thị 5 bài viết ngẫu nhiên thì sẽ có 6 lần tải feed, mặc dù số lần lấy nhiều nhưng dung lượng 1 lần lấy lại nhỏ. Khối lượng chỉ tương đương với blog bạn có tổng số bài viết là 6, so sánh vậy để thấy nếu blog càng nhiều bài viết thì tiện ích này có tốc độ nhanh hơn kiểu tải toàn bộ feed rất nhiều lần.



Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

Bước 2: Thêm 1 widget HTML/Javascript tại nơi muốn hiển thị Random 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.
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Nhận xét';
var rdp_disable='Tắt Nhận xét';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1JJ_CbmxP74f5e43k-Od8yJ1ve_x9UarWrDcT39qR0hzXnxQG-sBbFgdwOMylVC4sNYQnq86KT7qMyB-jwxQxofTfMpbF8GHV4o6lo7sYI2Ipk6yCB4yPqW5FKvyU6NNZsYDMKw2TaRS-/"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

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.

Hướng dẫn thủ thuật Blogger, Blogspot

192

Nhận xét
2

Mình muốn cho tiêu đề bài viết thành chữ in đậm thì làm thế nào nhỉ?

Reply Xóa nhận xét
3

@Quốc VịnhThêm #random-posts a{font-weight:bold} ở CSS nếu bạn k muốn can thiệp vào js.

Reply Xóa nhận xét
4

Cài này so với radom post của bác tiến bên nào hơn thế bác Duy

Reply Xóa nhận xét
5

Mình đang đau đầu với cái này. Bạn coi hộ widget bài viết ngẫu nhiên của Fandung mà mình đang áp dụng trên blog như vậy đã nhanh hay chưa? Và mình có một câu hỏi nữa là có thể cắt được ảnh đại diện cho mỗi bài viết trong tiêu đề hay không, widget trong blog của mình tải toàn bộ ảnh nên làm tốc độ load trang lớn quá :((

Reply Xóa nhận xét
6

Bác Duy với bác Dũng đều cùng cho ra random post :)

Reply Xóa nhận xét
Nặc danh 13/10/11 23:41
7

Tiện ích của em cũng viết kiểu random theo index mà bác? Load hết feed chắc chết. =))

Reply Xóa nhận xét
8

@Tien Nguyen Chết rồi hết load mà Tiến :))

Reply Xóa nhận xét
9

Cảm ơn bác nhiều nha!.... :))

Reply Xóa nhận xét
10

Hiển thị trên IE có vẻ ko ổn bác Duy ơi !

Reply Xóa nhận xét
11

@Tien NguyenÀ, đúng là bác k tải toàn bộ feed thật, trước em k xem kia. Nhưng bác chỉ random có 1 bài đầu tiên, các bài còn lại là lấy theo bài kế tiếp của nó. Cái random này của em là các bài đều random k theo thứ tự nào cả.

Reply Xóa nhận xét
12

@May ThyCách phandung là cách "cổ điển" lấy toàn bộ feed nên tốc độ sẽ chậm.

Reply Xóa nhận xét
13

@VanLinhExBác mô tả lỗi xem, em test hiển thị tốt với tất cả IE. Lỗi này chắc do css temp bác test vì em k thêm css cho mấy thẻ li, cái này mỗi temp có style riêng và đã dc thiết lập.

Reply Xóa nhận xét
14

@Duy Pham à , em quên cái vụ thẻ li này ^^

Reply Xóa nhận xét
15

@Duy PhamVậy mình áp dụng thử của Duy xem thế nào.

Reply Xóa nhận xét
16

Cảm ơn! Mình đã áp dùng thủ thuật của bạn rồi. Nếu muốn random trong một nhãn nhất định thì phải làm thế nào nhỉ?

Reply Xóa nhận xét
17

@May ThyBạn thay /feeds/posts/default thành /feeds/posts/default/-/Tên%20Nhãn
%20 để thay cho ký tự trống nếu tên nhãn gồm 2 câu trở lên.

Reply Xóa nhận xét
18

BÁc giúp em sửa lỗi search box được không, nó thế này đây http://2.bp.blogspot.com/-nFlohjjblBM/Tpfo4h2RAeI/AAAAAAAAA0k/rJtbj7-i3Wg/s1600/loi+search.JPG

Reply Xóa nhận xét
19

@Nguyễn ĐứcBạn dùng ảnh làm buttom mà thiết lập width nhỏ hơn width ảnh nên mới bị vậy. Thay đoạn code dưới đây vào:
#searchbox .button{border:0 none;background:url(http://static3.gonct.info/images/button-search-header.jpg) no-repeat;cursor:pointer;height:25px;width:57px;margin:2px 5px 5px -60px}

Reply Xóa nhận xét
Nặc danh 14/10/11 17:01
20

Đã áp dụng, thank bác :))
Sẽ báo cáo tình hình sau :))

Reply Xóa nhận xét
21

@Duy Pham ý em hỏi ko phải là khung search nhỏ, mà là khi e tìm kiếm một từ khóa, rồi click vào link vừa tìm được, nó ko hiển thị bài viết ở cửa sổ mới mà nó hiện ngay trong nó. Bác xem giúp em với. E cảm ơn

Reply Xóa nhận xét
22

@Nguyễn ĐứcMình nghĩ là có thiết lập mở link ở cửa sổ mới trong trang custom search của Google, bạn vào phần thiết lập của nó và tìm xem.

Reply Xóa nhận xét
Nặc danh 14/10/11 17:19
23

Mình muốn ảnh nó thu nhỏ cho cả các dạng link ảnh khác

Ví dụ như ảnh này

http://img1-photo.apps.zing.vn/upload/original/2010/06/09/12/1276060161698770660_574_574.jpg


Sẽ tự động thành : http://images-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&gadget=a&no_expand=1&refresh=31536000&resize_w=72&rewriteMime=image%2F*&url=http://img1-photo.apps.zing.vn/upload/original/2010/06/09/12/1276060161698770660_574_574.jpg

Như vậy kích thước chỉ còn 72px :))

Reply Xóa nhận xét
24

@Ngankvn ®Cái resize hay quá nhỉ, bác muốn đưa vào tiện ích này?

Reply Xóa nhận xét
25

lại phải ngâm cứu css cho cái tiện ích này trên blog mình rồi đây :))

Reply Xóa nhận xét
26

@Nguyễn Đức Cái này a đã reply e ở bên TTB: Là do dòng này sai: <input name='ie' type='hidden' value='utp-8'/>

Sửa lại thành <input name='ie' type='hidden' value='utf-8'/>

Reply Xóa nhận xét
27

@NoctThẻ li đã khai báo nên chắc chỉ thay size cho ảnh theo style blog bác :)

Reply Xóa nhận xét
Nặc danh 15/10/11 09:49
28

Cái resize là của G+ đó bác
Cho zô được hem ??

Chứ để vầy mấy ảnh thường không hiện được, mà ngay cả là link ảnh blogspot cũng không nhận, như ảnh này anyf :
http://4.bp.blogspot.com/_dlrtpMg80uE/TbHW7B7oXCI/AAAAAAACqdQ/RHNmW1sf9fg/w550/Conan65.jpg

Reply Xóa nhận xét
29

@Ngankvn ®Ảnh này giống như ở popular posts ý bác, tức là nếu feed nó lưu trữ ở media$thumbnail thì lấy chứ em không lấy qua tag img trong phần summary. Hiện tại nó chỉ lấy ảnh ở picasa và youtube. Ảnh bác đưa sao lại /w550/

Reply Xóa nhận xét
Nặc danh 15/10/11 11:11
30

Vậy nếu không phải là w550, mà ở dạng /sxxx/ thì được đúng không ??
Hay nhất thiết phải là /s640/ ??

Reply Xóa nhận xét
31

@Ngankvn ®s bao nhiêu cũng được bác ạ.

Reply Xóa nhận xét
32

Thanks, se~ ap' dung. cho blog ngay.

Sorry ko viet' dc tieng' Viet :(

Reply Xóa nhận xét
33

Hình như bác Duy có logo mới phải ko nhỉ :D

Reply Xóa nhận xét
34

@NADMới tận mấy hôm rồi nay bác mới để ý à :-t

Reply Xóa nhận xét
Nặc danh 15/10/11 21:58
35

@Duy Pham Tới tận hôm nay Nát mới để ý

Còn mình mình vẫn không thèm để ý =))

Reply Xóa nhận xét
36

@Ngankvn ®Logo xấu vãi ae nhể ;))

Reply Xóa nhận xét
Nặc danh 15/10/11 22:49
37

@NAD
Nhìn như con sán hay con lải gì đấy =))

Reply Xóa nhận xét
38

@Duy PhamBlog em nó cứ hiện ra cái mũi tên ở trc title, làm sao để bỏ đi giờ :(

Reply Xóa nhận xét
39

@NADEm khắc phục đc cái này rồi. Nhưng có cách nào để bo 4 góc ảnh cho tròn như iphone ko bác :D

Reply Xóa nhận xét
40

@NADBác thay #random-posts img{ thành #random-posts img{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
10px là bán kính bo góc.

Reply Xóa nhận xét
41

@Ngankvn ®Ặc b-( Logo của bác nhìn như thím công ấy :D

Reply Xóa nhận xét
42

@Duy PhamEm làm đc dồi, cảm ơn bác nhìu :X

Reply Xóa nhận xét
43

@Duy PhamCông nhận là logo của Ngân chả hiểu có ý nghĩa thế nào nữa ;))

Mỗi của mình đơn giản dễ hỉu :-"

Reply Xóa nhận xét
44

@Ngankvn ®Nhìn lại lại thấy giống khúc ruột hơn =))

Reply Xóa nhận xét
45

=D> Cho Minh xin một vé liên kết được không?

Reply Xóa nhận xét
46

Duy làm cái widget bài mới nhất có hình ảnh giống vầy luôn thì hay quá :)) --> anh đang cần cái này quá trời
Coi như là đủ bộ widget bài viết

Reply Xóa nhận xét
47

@Minh TriếtCái này em thấy k cần thiết, với lại chẳng nghĩ ra được tính năng nào mới nên k làm :)

Reply Xóa nhận xét
48

@Duy Pham Vote 1 phiếu đề nghị bác DP làm cái RC Posts :))

Bên bác Tiến cũng có 1 cái nhưng bác ấy lại dùng table nên nản edit quá @-)

Reply Xóa nhận xét
49

@NoctMới sửa lại cái recent comments để permalink hoạt động đúng với bài trên 200 comments :D. Nhưng load nặng hơn chút @-). Em ứ thích recent posts :D

Reply Xóa nhận xét
50

@Duy PhamThêm RC Posts thìmọi người sẽ rất thích dùng vì nó đồng bộ. Hiện tại có 1 vấn đề khi chỉnh sửa code hoặc thêm các thành phần việc đau đầu nhất là không đồng bộ, code mỗi nơi một kiểu.
Mọi người ủng hộ DP làm cái này đi bà kon

Reply Xóa nhận xét
51

Đúng rồi , phải đồng bộ hết nhìn nó mới ngon chứ lấy mỗi chỗ ráp lại thấy nó hơi lạc tông .
ACE vote cho bác Duy thêm cái Recent Posts đê :))

Reply Xóa nhận xét
52

Duy ơi, bạn test tốc độ chưa?

Reply Xóa nhận xét
53

cách này mới nè :D, sáng tạo. đúng là sẽ nhanh hơn với cách cổ điển. Đó là với trường hợp load với số lượng bài ít. Còn nhiều thì cũng sẽ tốn thời gian, ví dụ 10 hoặc 20. Với việc load tới 11 hoặc 21 lần feed thì cũng tốn thời gian thiệt. Nhưng hiển thị với số lượng lớn bài viết như thế cũng ít người dùng, và cách này hợp với blog có nhiều bài viết. Load sẽ đỡ ì ặch như cách cổ điển.

Nếu nói đúng hơn thì đây là load random feed. Với mỗi lần random 1 giá trị start-index ta sẽ đc 1 link feed.

P/S : ngoài lề bài viết chút. Phải công nhận dạo này có khá nhiều người viết về thủ thuật cho blogspot. Tín hiệu vui, có lẽ là bây giờ blogspot khá thịnh hành đối với blogger Việt. Trước kia rất ít người theo đuổi việc viết thủ thuật cho blogspot, giờ như vậy là tốt rồi, như vậy sẽ có thêm nhiều thủ thuật hay và lạ. Hiện tại mình chỉ mới quan tâm được blog của 3 bạn là Hà, Duy, và Tiến. Bạn Tiến mình thấy trình độ về về các ngôn ngữ lập trình web là khá tốt, nhất là javascript. Hy vọng 3 bạn này sẽ có thêm nhiều thủ thuật blogspot hay hơn nữa. Mình thì khi nào rảnh và có chút hứng thú thì mới ngồi kiếm cái gì lạ post thôi. gần 3 năm rồi nên cũng sắp cạn ý tưởng.

Reply Xóa nhận xét
54

@Phan DũngĐúng là số lần xử lý feed nhiều cũng gây tốn thời gian bác ạ. Bác Tiến k những js rất giỏi mà rất sáng tạo, có đặt tay vào làm mới thấy những ý tưởng này bác Tiến đều đã nghĩ tới rồi.

3 năm kinh nghiệm với Blogger chắc bác tích lũy được nhiều, em mới chập chững 1 năm thôi. Thời gian cũng k nhiều, sắp tới có khi chuẩn bị đi "ngủ đông" :D

Reply Xóa nhận xét
55

@Duy Pham Tiến hình như là dân trong nghề thì phải, nên trình độ js mới giỏi như thế. Còn mình thì chỉ là mò mẫm cho vui mà thôi, cũng chẳng học qua trường lớp nào :D

Reply Xóa nhận xét
56

uh, giá ai à vui cung được như Phang Dũng thì VN là số 1 về IT đấy nhỉ, lúc đây khéo bọn FPT về nghỉ hưu sớm

Reply Xóa nhận xét
Nặc danh 19/10/11 04:59
57

@NAD

Mềnh là fan Google nên logo của mềnh cũng có 4 màu

Còn cái hình dáng của nó thì chính là chữ KVN, vì nó vừa giống chữ K vừa giống chữ N, và cả K và N đều có chứa chữ V trong đó
Thâm thúy chưa ;))

Còn KVN là gì thì lại càng thâm thúy hơn nữa =))

Reply Xóa nhận xét
Nặc danh 27/10/12 04:43
140

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

Reply
Nặc danh 19/10/11 05:07
58

@NAD

Logo của Nát có số 1,có màu đỏ, có bông tuyết.

Suy ra : "Một ngày mùa đông, máu chảy thành sông" =))

Reply Xóa nhận xét
59

@Phan DũngBác Tiến làm bên điện tử :). Viết về Blogger chỉ có anh em trái nghề như mình thôi chứ học hành và đào tạo bài bản về IT thì tìm cái gì hái được ra tiền để bù vốn bỏ ra học hành chứ bác :D. Bác Tiến có rủ em ra kinh doanh bên Bloggeritems mà cũng k biết thế nào nữa, lấy đắt thì sợ người ta kêu la, lấy rẻ thì em k phù hợp với thằng ham tiền như em :D

Reply Xóa nhận xét
60

@Ngankvn ®KVN = Khổ vì ngố <- nói tránh, nói giảm lắm rồi đó =))

Reply Xóa nhận xét
61

@Ngankvn ®VKL Vãi kả luyện ;))

Reply Xóa nhận xét
Nặc danh 19/10/11 13:35
62

MÌNH GỢI Ý LÀ NÊN UPDATE NÚT REFRESH ĐỂ LOAD LẠI MỘT LOẠT CÁC BÀI NGẪU NHIÊN KHÁC, CÁI NÀY THÍCH HỢP CHO CÁC ĐỘC GIẢ RẢNH RỖI BÊN MÌNH :d

Reply Xóa nhận xét
63

@Ngankvn ®Có cần thiết k bác! Với lại reload kiểu k load lại page hay frame thì chắc phải dùng tới ajax jquery, mà cái này em còn mơ hồ lắm @-)

Reply Xóa nhận xét
67

Cám ơn em vì bài viết nhé, chúc luôn vui vẻ

Reply Xóa nhận xét
68

Cái này tốt nhưng ảnh đại diện hiển thị chưa đầy đủ bài có bài không. Bạn có thể khắc phục được ko nhỉ ?

Reply Xóa nhận xét
69

@KID_KTV2KNếu thường xuyên theo dõi comment thì bạn sẽ thấy mình nói vấn đề này rất nhiều lần. Ảnh mình lấy như kiểu popular posts, có thể lấy ảnh bất kỳ nhưng mất thêm code để resize ảnh trên picasa. Mình thấy thường chỉ blog copy lại bài mới dùng ảnh ở nơi khác nên cũng k mất công code cho trường hợp này làm gì.

Reply Xóa nhận xét
70

chào bạn, mình đã làm theo hướng dẫn của bạn và đã làm đc. Rất dễ dàng và hiệu quả. xin cảm ơn bạn

Reply Xóa nhận xét
71

@ChipKool_OnlineKể ra bạn cũng k biết ngượng, sửa bản quyền của TN rồi mang đi khoe b-( Code bác Tiến lấy các bài liên tiếp nhau nên đương nhiên sẽ nhanh hơn.

Reply Xóa nhận xét
72

Có thể cho nó lấy link ảnh tự động trong youtube không Duy?

Reply Xóa nhận xét
73

@Lee PeaceNó vẫn lấy đấy chứ bác.

Reply Xóa nhận xét
74

@Duy Pham Toàn là No Image Yet không à Duy. Trang phimonline2011.blogspot.com đó Duy.

Reply Xóa nhận xét
75

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

Reply
76

@Lee PeaceBác dùng js chèn nên feed k lưu ảnh, chỉ lấy với chèn iframe thôi.

Reply Xóa nhận xét
78

Có cách nào không cho nó hiển thị hình ảnh không Duy?

Reply Xóa nhận xét
79

@Lee PeaceÔi cái feed dở hơi bây giờ lưu cả comment đã bị xóa làm code recent comments k hoạt động :D. Lại mất công sửa code rồi. Nhưng thế lại hay, bộ đếm comment ở feed sẽ tính cả comment này nên permalink sang các page comments 2, 3 sẽ chính xác luôn :D.

Ý bác là chỉ hiển thị text

Reply Xóa nhận xét
80

@Duy Pham Đúng rồi đó Duy :)

Reply Xóa nhận xét
81

@Lee PeaceBác bỏ đoạn code document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>'); là được.

Reply Xóa nhận xét
83

Bác ui,chỉ dùm em cách đưa nó sang bên trái khoảng 22px và cách để không hiển thị ngày đăng và số lượng bình luận-vì blog em không có ma nào bình luận cả

Đa tạ bác Duy
À,ở cái blog này bác nhá http://traonhauyeuthuong.blogspot.com/:):):):):)

Reply Xóa nhận xét
84

@ngonluanho.netBạn không đọc bài viết của mình: "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."

Còn việc hiển thị kia là phụ thuộc vào temp. Temp đó không có CSS list cho sidebar. Bạn có thể thêm CSS sau cho nó:

#side ul{padding:0;list-style:none}
#side li{margin-bottom:10px}

Reply Xóa nhận xét
85

@Duy PhamEm xin lỗi bác Duy vì không chịu đọc cho rõ
Đa tạ bác nhìu nhìu=D> =D> =D>

Reply Xóa nhận xét
87

thanks good sent - ai trao đổi link với mình không
http://f69dkm.blogspot.com/

Reply Xóa nhận xét
88

Hôm nay thêm cái này nữa cho nó pro,hihi:)):)):)):)):)):)):)):)):))v

Reply Xóa nhận xét
Nặc danh 12/12/11 20:30
89

Mình đã thử áp dụng cho blog của mình nhưng hình như nó đá nhau với cái slide nên trang blog ở trạng thái load mãi không xong, không vào đc blog lun. http://huisv.blogspot.com/. Không biết bạn có cách nào giải quyết không?

Reply Xóa nhận xét
90

anh adin ơi! sao em anh coi giúp em với :(

http://divshare.com/download/16389667-295

Reply Xóa nhận xét
91

@Trần Việt ĐứcMình cũng có test đến tình huống này nhưng ngại đưa vào. Bạn cũng tỉ mỉ như mình vậy :D

Đơn giản nhất là bạn tăng kích thước ảnh lên. Còn k muốn vậy thì sửa lại code chút, sẽ thêm 1 div với float:left bao quanh tiêu đề và ngày tháng.
Bạn thay <img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/> thành <img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>< style="float:left">

và thay <div style="clear:both"></div> thành </div><div style="clear:both"></div>

Reply Xóa nhận xét
92

@Duy PhamChỗ < style="float:left"> sửa là <div style="float:left">

Gõ "nhắng" quá :D

Reply Xóa nhận xét
93

em gặp sự cố nghiêm trọng hơn nữa rồi anh Duy ơi
http://divshare.com/download/16395507-989
:((

Reply Xóa nhận xét
94

em thì chẳng hiều gì về code hết. Nên anh Duy chỉ em rõ rõ một chút nha anh. :d

Reply Xóa nhận xét
95

@Trần Việt ĐứcỞ đoạn code mình hướng dẫn bên trên bạn thay <div style="float:left"> thành <div style="float:left;width:200px">

Reply Xóa nhận xét
96

@Duy Pham

Cảm ơn anh rất nhiều. Anh đúng là Admin giỏi mà còn tích cực giúp đỡ mọi người nữa. Một lần nữa em cảm ơn anh.
=d>

Reply Xóa nhận xét
97

Àh! Anh Duy ơi! Anh có thể chia sẻ code NHẬN XÉT NHIỀU CỦA anh cho em được không?

:-?

Reply Xóa nhận xét
98

Mình nghĩ vẫn chưa phải là nhanh nhất, thuật toán để random bài viết nhanh đơn giản hơn là random tham số thời gian lấy bài viết (trong feed của blogger có tham số thời gian) + ấn định số lượng bài lấy ra là 5 thì khi đó json trả về sẽ nhẹ hơn nhiều chỉ với 5 post mỗi lần. Nhẹ nhanh mà random có thể lấy cả những bài viết rất cũ lên.

Reply Xóa nhận xét
99

@Bình ChọnBạn thử lấy cho mình bài viết thứ 501 xem. Theo mình hiểu thì bạn đang tải 500 bài viết rồi lấy bài viết dựa vào thời gian, chứ nếu chỉ dựa vào thời gian thì bạn gọi bài viết ra kiểu gì nếu k tải 500 bài viết, nếu tải 500 (đây là con số tối đa feed lấy về) thì dung lượng của nó lớn, chưa kể k lấy được bài cũ nếu chỉ tải 1 lần. Và kiểu mình lấy là random cả bài viết cũ nhất dù nó có là bài viết thứ >500 bài.

Reply Xóa nhận xét
100

@Duy Pham
Hi bạn không hiểu ý mình rồi, mình không lấy theo số lượng item của feed mà mình lấy dựa vào tham biến public-max, và public-min trên chuỗi json trả về. Ví dụ thời gian là cái thước kẻ, khoảng bài viết mình lấy là đoạn thẳng AB mình sẽ random vị trí đoạn thẳng AB(tương ứng 5 bài) trên cái thước đó như vậy AB luôn luôn ngẫu nhiên. Và chắc chắn là nó có thể lấy được những bài viết từ rất cũ rồi, nó không liên quan gì đến phần lượng 501 mà bạn đã nói.

Hơn nữa việc dựa vào thời gian post bài sẽ cải thiện tốt hơn 1 số tiện ích khác như bài liên quan.v..v

Chúc bạn có thêm nhiều tiện ích hay mới cho cộng đồng.

Reply Xóa nhận xét
101

@Duy Pham Bạn có để ý trên blog nghịch blogspot của mình không ? Hầu hết mình lấy ngẫu nhiên rất nhiều chỗ. Nếu mà mình lấy mỗi lần mà 500 như bạn nói thì làm sao mà nó chạy nhanh vậy được :d

Reply Xóa nhận xét
102

@Bình ChọnÀ, mình đã hiểu. Đúng là mình k để ý đến cái này. Cũng có thấy đường dẫn khi duyệt danh sách theo năm ở lưu trữ blog hoặc bài viết cũ hơn ở kiểu index có liên quan đến ngày tháng như vậy nhưng k tìm hiểu. K biết là lấy thời gian liên quan tới bài cũ nhất tự động dc k nhỉ?

Reply Xóa nhận xét
103

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

Reply
104

@Duy PhamK biết là lấy thời gian liên quan tới bài cũ nhất tự động dc k nhỉ? <--- Mình không hiểu ý bạn đoạn này

Reply Xóa nhận xét
105

@Bình ChọnThì để random được cần biết thời gian bài mới nhất và bài cũ nhất không 5 bài lấy đó vượt ra ngoài ý.

Reply Xóa nhận xét
106

@Duy Pham À cũng không cần tính thời gian vượt qua 5 bài nào cả vì luôn luôn lấy ra <=5 với maxresult mà.Mà thời gian cũ nhất(hoặc bài mới nhất chọn 1 trong 2) để random. Thay việc mình đi tìm bài mới nhất (hoặc cũ nhất) ở đâu thì mình sẽ random chính cái thời gian bài mới nhất hoặc cũ nhất đó để lấy ra bài viết ra.

Bạn có thể search thêm về Blogger API để xem kỹ hơn.

Reply Xóa nhận xét
107

@Bình ChọnBạn cho mình hỏi là random được 5 bài liên tiếp nhau phải k vậy? Nếu là 5 bài liên tiếp nhau thì cách lấy start-index nhanh đâu kém. Ở đây mình lấy random k theo thứ tự nên mới phải gọi feed nhiều lần.

Reply Xóa nhận xét
108

@Bình ChọnNhờ bạn đề cập đến cái này mà mình có ý tưởng để hoàn thiện hơn cho mấy tiện ích đang dùng, đang bí chỗ ngày tháng này. Để nghiên cứu thêm về mấy cái max, min ngày tháng này đã, thanks nhé :)

Reply Xóa nhận xét
109

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

Reply
110

Bạn ơi cái này mình muốn hiện bài ngẫu nhiễn cho 1 nhãn nhất định nào đó có dc không bạn

Reply Xóa nhận xét
111

cái hay ghê đây, có khi phải thử cái =D>

thanks

Reply Xóa nhận xét
112

Sao em lamf theo hướng dẫn mà không được vậy anh?

Reply Xóa nhận xét
113

Bạn ơi mính muốn nó nằm ngang thì lamf thế nào

Reply Xóa nhận xét
114

Duy.. i use your template, Nexus.. but when i put the random post script on it.. suddenly my browser crashed.. how come??

For your info, i put jquery 1.7.1 and 1.3.2 in the template.. are those causing the crash??
here my dummy blog i talk about: http://simuxlasi.blogspot.com/

Reply Xóa nhận xét
115

3 posts on your blog, need > rdp_numposts

Reply Xóa nhận xét
116

Yea, u are rite, Duy.. it works properly now on my main blog. I use nexis and many widgets from your tutorial. Thanks so much. May God Bless You. Keep it up, Bro! :)

Reply Xóa nhận xét
117

Có thể làm cái này ở vị trí giống như bài viết liên quan không bác. Nghĩa là đặt nó ở dưới chân bài viết ấy. Tớ chưa dám thử, hỏi trước đã, blog demo phá loạn xà ngầu nên bây giờ nó có 2 id blog nên chẳng còn chỗ mà test,

A mà cái Emoticons của bác đâu roài nhẩy

Reply Xóa nhận xét
Nặc danh 1/5/12 12:21
118

mấy tiện ích của Duy mình sử dụng nó hiển thị không tốt vì ko có CSS riêng cho từng thành phần nên blog mình ko xài được, hjxx, tức quá.

Reply Xóa nhận xét
119

Đương nhiên là mình k làm CSS cho nó rồi. Thứ nhất là thừa vì widget này hiển thị tag ul và phần sidebar hoặc footer của temp nếu chuẩn ra thì đã được khai báo. Thứ 2 là sử dụng CSS chung của temp sẽ đồng nhất, khai báo riêng k những tăng dung lượng mà muốn chỉnh sửa cũng khó.

Reply Xóa nhận xét
120

bạn xem hộ mình với, bên mình bài hiện hình bài không hiện hình xấu quá :(.

nguyenvantienloc.blogspot.com

Reply Xóa nhận xét
Nặc danh 21/5/12 02:06
121

văn bản tóm tắt không xuất hiện, phải làm gì?

Reply Xóa nhận xét
Nặc danh 30/5/12 13:38
122

cái này chỉ chạy tối trên Gooogle Chrome - Fire thì lổi!

Reply Xóa nhận xét
123

Nên check spam k nhỉ

Reply Xóa nhận xét
124

Hay đấy, thik thik

Reply Xóa nhận xét
125

Làm cho chữ nhỏ lại được không Duy?
http://tanchau123.blogspot.com

Reply Xóa nhận xét
126

không biết bị gì mà mỗi lần chèn random posts vào blog là máy nó bị chậm rồi đứng luôn. Blog cũng ko hiện luôn ????

Reply Xóa nhận xét
Nặc danh 18/6/12 10:52
127

làm sao để có ảnh thu nhỏ nhỉ tự động theo từng bài như demo nhỉ ? thay vì 1 cái ảnh "no avata"

Reply Xóa nhận xét
Nặc danh 18/6/12 12:50
128

À thì ra ảnh thumbai nó chỉ nhận ảnh úp từ máy lên thôi, nó chưa nhận ảnh từ host # được nhỉ!
Nhưng mà ảnh và tiêu đề ko hiển thị cùng dòng như demo mà cái trên cái dưới thì chưa biết sửa thế nào

Reply Xóa nhận xét
129

Mình chỉ support cho những người profile có đưa thông tin về blog, những người mà mình có thể biết được blog chính của họ là gì.

p/s: Qua avatar thì thấy bạn không còn tuổi teen, đừng nên có những câu hỏi trống không như vậy :)

Reply Xóa nhận xét
130

mún làm bài viết phố biển y chang cái này về bề ngoài thì làm sao

Reply Xóa nhận xét
131

giúp mình với, khi mình thêm thì web đơ luôn.
blog mình: http://cauduonglongan.blogspot.com/

Reply Xóa nhận xét
Nặc danh 7/7/12 11:42
132

Duy Phạm chia sẻ Coder POPULAR POSTS. cho đủ bộ
cảm ơn

Reply Xóa nhận xét
133

http://blog.duypham.info/2010/12/trich-dan-dang-title-cho-bai-pho-bien.html

Reply Xóa nhận xét
Nặc danh 15/8/12 15:27
135

Mình thích cái này nó rất đẹp. đẹp hơn cái của bloggerplugins.com nữa. thank

Reply Xóa nhận xét
136

Thanks bạn. Mình mới chèn cho blog phim của mình. Chạy rất nhanh. nhưng test trên firefox hơi lỗi một chút: những bài nào mà không hiển thị avatar (avatar trắng) thì nó tự động chèn tên bài viết vào phần avatar đó nên bị lẫn với avatar dưới :(. chắc do code blog mình ko tương thích. :(

Reply Xóa nhận xét
137

Bạn cho hỏi, cái bài viết xem nhiều trong tuần của bạn thì làm thế nào bạn nhỉ, bạn giúp mình với

Reply Xóa nhận xét
138

Thủ thuật hay quá. Thanks bác nhiều!

Reply Xóa nhận xét
139

Sao tớ không chèn tiện ích này vào được nhỉ? Cứ chèn vào sau khi load toàn bộ trang nó lại thành thế này
https://lh3.googleusercontent.com/-GcfI7TARN6M/UHyqbZ8V1qI/AAAAAAAAC44/vFh9p5CFOZ4/h120/koduoc.png

Reply Xóa nhận xét
141

Cảm ơn bạn nhé :)

Reply Xóa nhận xét
142

CẢM ƠN BẠN. MÌNH ĐÃ LÀM ĐC :)

Reply Xóa nhận xét
143

minh muon hoi ban lam the nao minh muon bo duoc anh trong bai viet ngau nhien nay. huong dan cho minh voi....?

Reply Xóa nhận xét
144

Bạn xóa đoạn document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');

Reply Xóa nhận xét
145

http://truyen102.blogspot.com/
sao của mình phần khác thì nó show đc ảnh thumbnail ra mà cái của cậu k thấy show nhỉ :|.
giúp mình cái nhé. tks bạn

Reply Xóa nhận xét
147

K dành cho bài viết để ảnh ở host khác picasa.

Reply Xóa nhận xét
146

Mình muốn khi click vào ảnh đại diện thì chuyển qua bài viết, thực hiện như thế nào vậy? Cảm ơn!

Reply Xóa nhận xét
148

Để giảm số lượng liên kết trên 1 trang thì mình k cho liên kết vào ảnh.

Reply Xóa nhận xét
149

Nói gì thì nói thì Random Post vẫn làm chậm blog đáng kể :|

Reply Xóa nhận xét
150

Mình thấy có cái này mà bạn Duy chưa làm,đó là làm sao những cái "Nhận xét này tác bị giả xóa",cho nó tự động biến mất luôn được không? chứ để gạch gạch trông mất thẩm mỹ quá.Có cách nào khắc phục được việc này không?

Reply Xóa nhận xét
151

Cái đó làm được nhưng chỉ cho phiên bản comment cũ thôi.

Reply Xóa nhận xét
Nặc danh 9/2/13 05:31
152

If this widget with high speed, i thing i will try it in my blog.

Reply Xóa nhận xét
153

thank.mình đang tìm cái này.cuối cùng cũng ra ^^

Reply Xóa nhận xét
155

Quá hay, cảm ơn anh Duy Pham đã chia sẻ
em đang áp dụng cho blog này của e loi dich nhac blogspot

Reply Xóa nhận xét
156

Bác Duy cho em hỏi chút, có cách nào để ko cho hiện tất cả các bài post ở một label nhất định trong widget này ko bác

Reply Xóa nhận xét
157

Lâu lắm admin ko có thủ thuật mới nhỉ, chờ đợi lâu thật!

Reply Xóa nhận xét
158

Cám ơn về thủ thuật....rất hay...cho mình áp dụng vào site của mình nhé @ Mời admin ghé thăm nếu được thì cho xinc cái liên kết với Site của admin nhé/ Thanks / http://websitecongty.blogspot.com/

Reply Xóa nhận xét
159

Bạn làm nốt cái popular post theo seri này luôn đi, thấy có bài mới, bài ngẫu nhiên rồi, còn phần bài xem nhiều mặc định của blogger lại khác form với 2 cái này
e-bookprc.blogspot.com
Bạn ghé qua nhà mình xem thử, bên đó mình để 3 Tab, 2 Tab sau giống nhau nhưng popular post mặc định lại khác form @@

Reply Xóa nhận xét
160

Kiểu widget này mình đặt ở chân trang, mục bổ xung í :D

Reply Xóa nhận xét
161

không biết teamplate của mình có bị gì không mà làm mãi không được, blog mình là: http://hocdethi.blogspot.com/
giúp với, cảm ơn trước. :)

Reply Xóa nhận xét
162

Blog của bạn không có ]]>, nhưng có //]]>, bạn chèn vào trên nó cũng được :D

Reply Xóa nhận xét
163

Mình mới tập tành làm Blog bán hàng, nhung theme chưa ưng ý lắm. bạn nào có theme đẹp cho mình tham khảo nha
http://ohaus-vietnam.blogspot.com/
cám ơn nhìu!

Reply Xóa nhận xét
164

thank bạn, mình đang làm theo với trang này http://www.tpcnvision.net

Reply Xóa nhận xét
165

Có ai gặp tình trạng đơ luôn trình duyệt khi sử dụng đoạn code này không :|

Reply Xóa nhận xét
168

Mình cũng bị giống bạn , không biết bị gì, bị đơ khi nào chỉnh sửa html

Reply Xóa nhận xét
166

sao mình làm nó ko hiện ra. http://mientaykysu.blogspot.com

Reply Xóa nhận xét
167

Vì bạn làm sai :v j/k!

Reply Xóa nhận xét
169

Mình có thử làm cho Blog Vũ Văn Phong nhưng khi Add Widget đó vào thì Blog đơ và đơ luôn cả trong bảng điều khiển. :(

Reply Xóa nhận xét
170

Nay mới biết thằng Helplogger nó ăn cắp code của mình nhiều vl đi dc

Reply Xóa nhận xét
171

chấp gì thằng ấy bác :)

Reply Xóa nhận xét
172

Bác Duy ơi cho em hỏi cái !
em áp dụng cái này của bác khi blog ở chế độ chí có tác giả hoặc khách mời mới có thẻ đọc được, trường hợp này blog bị đơ không hoạt động được nữa ( mở ra chế độ công khai thì tiện ích lại hoạt động bình thường )

- Hoặc thay đổi một chút việc lấy feed của blog ! tức là em tải feed của blog A mà đặt ở blog B( em thay /feed... thành http//www.ruabien.com/feed... rồi đặt tiện ích ở duypham.info )trường hợp này thì xem ngoài blog tiện ích có chạy nhưng khi vào giao diện chỉnh sửa code thì nó lại bị đơ luôn :( có cách nào khắc phục 2 trường hợp này không bác :(
cám ơn bác !

Reply Xóa nhận xét
173

Blog ở chế độ công khai mới tải feed về được.

Reply Xóa nhận xét
174

Việc tải nhiều feed cùng 1 lúc ! khiến cho blog nhiều lúc bị đơ bác ạ
" Vì blog của em là chứa thông tin nhiều, có thể lên đến lưu trữ hàng nghìn bài viết " ! Vì vậy tư duy lấy random 1 bài viết sau đó là lấy những bài viết khác theo bài viết đó của bác Tiến rất ok ( giống tư duy lấy 1 đoạn 5 bài mà bác đã bàn đó , cũng giống nhau ).
Tuy nhiên vì vnblogspot không còn hoạt động mà bên bloggercando của bác ấy thì mã hóa nên không thể tùy biến tối ưu chất lượng hình ảnh .
Hy vọng lúc nào rảnh bác có thể hồi sinh lại cái tip này theo cách của bác cho anh em sử dụng cám ơn bác nhiều .

Reply Xóa nhận xét
175

Làm thế nào để bỏ đoạn trích dẫn nội dung bài đăng bác Duy?

Reply Xóa nhận xét
176

Bỏ title="'+rdp_snippet+'" ở bước 2 nhé.

Reply Xóa nhận xét
178

http://hontap.blogspot.com/2009/02/random-posts-cho-blogger.html
Bác duy cho em hỏi trong bài này của bác hỗn tạp thì chỗ nào là code để lấy bài ngẫu nhiên ! em đọc mà không biết dòng code nào là code để lấy ra được bài ngẫu nhiên cả ! cám ơn bác nhiều :(

Reply Xóa nhận xét
179

indexPosts[i] là mảng được lấy gồm những số từ 0 tới tổng số bài viết trên blog. Sau đó dùng sort() sắp xếp ngẫu nhiên lại dãy số này. Cuối cùng là lấy các giá trị tiêu đề, url... ra để hiển thị.

entry = json.feed.entry[indexPosts[i]]: indexPosts[i] là số ngẫu nhiên tương ứng với bài viết được lấy ngẫu nhiên.

Reply Xóa nhận xét
181

nhưng hình như cách này không hoàn toàn là ngẫu nhiên đúng không bác vì em thấy sort() nó chỉ sắp xếp xuôi hoặc ngược ! vậy nó chỉ lấy được những bài đầu tiên hoặc những bài cuối cùng !

Reply Xóa nhận xét
182

Nó là ngẫu nhiên đấy.
0.5 - Math.random () sẽ nhận ngẫu nhiên là < 0, = 0 hoặc > 0

Reply Xóa nhận xét
183

sort()
Trả lại một mảng cùng với những phần tử của mảng khác được sắp xếp theo thứ tự trong bảng chữ cái. Nếu tên của một hàm được liệt kê như một tham số để sắp xếp, khi đó hàm sẽ sắp xếp những phần tử như sau:
- Nếu hàm đó trả lại một giá trị nhỏ hơn 0 thì phần tử đầu tiên sẽ nhỏ hơn phần tử thứ hai.
- Nếu hàm đó trả lại một giá trị lớn hơn 0 thì phần tử đầu tiên sẽ lớn hơn phần tử thứ hai.
- Nếu hàm đó trả lại giá trị bằng 0 thì nó sẽ không làm thay đổi thứ tự của các phần tử.
/- cái này đúng không bác ... là sẽ là >0 và <0 , nhưng khi >0 thì sẽ là 0->numPosts và đảo ngược lại
Vậy kiểu xếp nào thì cũng chỉ lấy được những bài đầu tiên và những bài cuối cùng.
-------------------------------------------------------
Em mới tìm hiểu nên hơi ngu tí ... có chỗ nào không hiểu bác chỉ giúp ạ ^^

Reply Xóa nhận xét
184

Không chỉ so sánh phần tử đầu và thứ 2 mà so sánh tất cả trong vòng lặp, điều kiện so sánh lại random nên dãy sắp xếp random.

Reply Xóa nhận xét
180

rồi cám ơn bác
Em nhầm đoạn maxEntries và numPosts
Em cứ nghĩ là nó lấy từ 0 đến maxEntries rồi sắp xếp lại mảng thì nó cũng chỉ có giá trị từ 0 đến maxEntries... thì có nghĩa nó chỉ có được khoảng vài giá trị thì làm sao là random được
Cám ơn bác nhiều ạ !

Reply Xóa nhận xét
186

Nếu rdp_total_posts nhỏ hơn rdp_numposts thì sẽ bị lỗi nhỉ?
Biết là bài viết ít như vậy thì cần chi random, nhưng nếu khắc phục thì sẽ khắc phục chổ nào vậy?

Reply Xóa nhận xét
187

ở hàm điều kiện thêm cho trường hợp này nữa là dc:
i < rdp_numposts && i < rdp_total_posts

Reply Xóa nhận xét
Nặc danh 15/3/15 20:57
189

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

Reply
190

Có thể làm tiện ích này hiển thị theo chiều ngang được không admin?

Reply Xóa nhận xét
191

Cho em hỏi nhảm tí. Hihi
Có cách nào chế thủ thuật bài này thành dạng như này không bác:
https://cdn.rawgit.com/ngonluanhodotnet/bai-khac/master/BaiThuViKhac-NgonLuaNho-dot-net.html?url=https://duy-pham.blogspot.com/

Hay là chế từ bài này: https://duy-pham.blogspot.com/2011/06/related-posts-with-thumbnails.html

P/s: em đang nghịch tí AMP cho web để vui cửa vui nhà :D

Cảm ơn bác

Reply Xóa nhận xét
192

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

Reply

Đăng nhận xét

Cancel