Trang chủ \ 18:33

Thay Older Post, Newer Post bằng tiêu đề bài viết

Đây là thủ thuật thay thế Older Post (Bài đăng Cũ hơn), Newer Post (Bài đăng Mới hơn) bằng tiêu đề Bài đăng tương ứng. Phạm vi hoạt động trong bài viết, nó giúp những liên kết tới các Bài đăng Cũ hơn và Bài đăng Mới hơn trở nên trực quan, dễ nắm bắt hơn.

link 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.
#blog-pager p{text-align:left}

Bước 2: Tìm thẻ <b:includable id='post' var='post'> và thêm vào sau nó đoạn mã dưới đây:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javaScript'>var newer='';older='';timestampISO='<data:post.timestampISO8601/>';timestampISO=timestampISO.replace(/\+/g,'%2B');</script>
</b:if>

Bước 3: Tìm thẻ <b:include name='nextprev'/> và thay thế nó bằng đoạn mã dưới đây:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:olderPageUrl'>
<p>
<data:olderPageTitle/>: <a expr:href='data:olderPageUrl' id='Blog1_blog-pager-older-link' rel='prev'><script type='text/javaScript'>older='y';</script></a>
</p>
</b:if>
<b:if cond='data:newerPageUrl'>
<p>
<data:newerPageTitle/>: <a expr:href='data:newerPageUrl' id='Blog1_blog-pager-newer-link' rel='next'><script type='text/javaScript'>newer='y';</script></a>
</p>
</b:if>
<script type='text/javaScript'>
//<![CDATA[
function links(json){var newer_link='';older_link='';total_posts=json.feed.openSearch$totalResults.$t;start_index=json.feed.openSearch$startIndex.$t;items_perpage=json.feed.openSearch$itemsPerPage.$t;if(items_perpage==1){older_link=json.feed.entry[0].title.$t}else{newer_link=json.feed.entry[0].title.$t;if((total_posts-start_index)>1){older_link=json.feed.entry[2].title.$t}}if(older=='y'){document.getElementById('Blog1_blog-pager-older-link').innerHTML=older_link}if(newer=='y'){document.getElementById('Blog1_blog-pager-newer-link').innerHTML=newer_link}}function link_total_posts(json){var link_total_posts=json.feed.openSearch$totalResults.$t;if(link_total_posts!=1){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+(link_total_posts-1)+'&max-results=3&callback=links\"><\/script>')}else{document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=2&max-results=1&callback=links\"><\/script>')}}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&published-min='+timestampISO+'&max-results=0&callback=link_total_posts\"><\/script>');
//]]>
</script>
</div>
<div class='clear'/>
<b:else/>
<b:include name='nextprev'/>
</b:if>

Có 2 lần tải feed với dung lượng nhỏ, mình cá là nó nhanh hơn cách bloggersentral.com sử dụng jQuery để tải 2 thành phần bài viết liền kề!
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ẻ

75

Nhận xét
1

lần đầu bóc tem đầu tiên zui thật !:D

Reply
2

Bóc cái tem. Đã test thử hình như cái bài đăng cũ hơn nó không hiển thị Duy ơi, kiểm tra lại xem. Cái bài đăng mới hơn thì ok.

Reply
3

@Cu0nglsfAc, mới zô chưa kịp bóc ông này bóc trước rùi >.<

Reply
4

@Võ Quốc AnTest ở đâu vậy?

Reply
5

@Võ Quốc AnÀ rồi, lúc rút gọn gọi feed hơn mà quên sửa lại code. Đã ok.

Reply
6

Thanks. Làm một phát là được ngay.:) Mà cho em hỏi có chỉnh được css của tiêu đề không anh?

Reply
7

Cảm ơn bài viết hay

Reply
8

:) Hết chê luôn :D

Reply
9

Cảm ơn Duy, thủ thuật rất hay =D>

Reply
10

Thủ thuật hay

Reply
11

:D chất lại rồi

Reply
12

Edit đc thêm CSS nữa thì =D>

Reply
13

hey... cậu hướng dẫn làm cái thống kê đi... cái chỗ pageviews ấy... thấy cậu làm được đó... mình hỏi pác Tien Nguyen hoài mà hắn không hướng dẫn... hix

Reply
14

Có thêm cái nỳ thì sẽ hay lắm đây. Cảm ơn bác Duy nhiều nha :)

Reply
15

Anh có biết lỗi ko hiện trên IE thường là lỗi do gì không, e dùng cái K14 - Pro Menu của a Fandung nhưng ko hiện được trên IE ko biết phải làm sao :-SS

Reply
16

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

Reply
17

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

Reply
18

@Bùi Minh KhánhBạn vào thiết kế → chỉnh sửa HTML tìm và xóa đoạn code sau <b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

Reply
19

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

Reply
Nặc danh 21/1/12 19:58
20

blog duy phạm mới có mấy tháng má sao seo link nhanh vậy ta
[-(

Reply
21

@Bùi Minh KhánhDùng giao diện Blogger cũ nhé

Reply
22

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

Reply
23

EM xóa đk rùi.ko cần về giao diện cũ
:)

Reply
24

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

Reply
25

Chúc mừng 5 mới nhé Duy:):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):):)

Reply
26

@Ngọn lửa nhỏThanks! Comment "bành chướng" quá :D Mưa lạnh ghê.

Reply
27

cùng đếm ngược nafo!!!!! :)) :)) :))
:)):)):)):):)):))

Reply
28

Em bóc tem là may mắn cả năm nhé bác
Chúc mừng năm mới :D

Reply
29

Năm mới thêm tuổi mới nha bác

Reply
30

Bước qua năm mới rồi. chúc Duy có một năm như ý và ngập tràn hạnh phúc :) :) :)

Reply
31

Chúc mừng năm mới a Duy

Reply
32

Nam moi phat trien nha.
Xin loi vi comment khong dau(may xai ke nen khong ranh)
:D:D:D:D:D

Reply
33

Năm mới chúc Duy sức khỏe dồi dào, nhiều niềm vui và thành công trong công việc, cuộc sống...Và có thêm nhiều tip hay cho anh em Blogger học hỏi nha ! :))

Reply
34

Cảm ơn mọi người, chúc các bạn sức khỏe để năm mới blogging hăng say hơn nhé!

Reply
35

D ơi ! cho tui xin cái mấy dòng meta ở head của D đc k :-?

Reply
36

Cậu có thể rip dùm mình cái trang http://www.anhduongresort.com/?lang=vi...
Mình sẽ trả giá cao cho skin này...

Reply
37

Mình muốn thay bằng chữ khác, ví dụ Như chữ trang trước, trang sau thì làm như thế nào?
Ngoài ra, mình muốn bỏ chữ trang chủ ở giữa đi, cho 2 chữ trang trước, trang sau gần nhau thì có được không?
Mong bạn sớm hồi âm.

Reply
38

Cung chúc tân xuân
Vạn sự như ý :D

Reply
39

Bác Duy ăn Tết lâu thế
Ra bài mới đi chứ :-t

Reply
40

@Đing Kiu TruêĐâu có, mình vẫn ghé qua blog mỗi ngày nhưng k có tg reply nữa nói gì post bài. Sẽ reply mọi người trong tg sớm nhất.

Reply
41

Bác dùng Blogger mà pro nhỉ

Reply
42

Mình chưa hiểu lắm về thủ thuật này bác Duy ah :))

Reply
53

Thì có gì đâu mà không hiểu bạn! Chỉ là thay chữ có sẵn đó thành tiêu đề luôn thôi

Reply
43

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

Reply
44

Sao của bác vẫn còn dùng Older post, Newer post thế?

Reply
45

@Việt DesignerK phải cái nào mình share thì mình cũng dùng, và k phải cái nào dùng cũng share :D

Reply
54

Câu trả lời hết chỗ nói!@-)

Reply
47

hay lắm b .:)

Reply
49

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

Reply
50

Cái này cũng hay lắm cảm ơn cảm ơn

Reply
51

Bác duypham phát triển thành tiện ích bài đăng cũ hơn mới hơn có thumbnail style giống relate post đi ạ.

Chắc cũng nhiều bác có mong muốn như em nhỉ !

Reply
52

Đúng đấy a Duy à! Nếu được vậy thì quá hay!

Reply
55

Bác duypham cho hỏi tí, muốn dời bài đăng cũ hơn với bài đăng mới hơn ở trang item qua sidebar (bình thường nó ở phía dưới bài viết) thì làm sao thế bác :)
thank bác trước

Reply
56

duypham ơi, giúp với :(

Reply
57

Phạm vi của tag hiển thị mới hơn, cũ hơn nằm trong widget blog, tức là phần hiển thị bài viết + comments. Muốn sang sidebar thì cần sử dụng js kia.

Reply
58

thanks nhá :D

Reply
59

Tôi mới tập làm blogspot, nhờ Admin chỉ dẫn, tiêu đề bài viết tại trang chủ của tôi lớn quá như thế này: www.phantunghiahanh.tk
bây giờ muốn chỉnh nhỏ lại và đổi font chữ màu đen thì làm sao.

Cảm ơn Admin

Reply
60

.post-title{
font-size:26px;
line-height:1.2em
margin:0 0 10px 0;
}
.post-title a, .post-title a:visited, .post-title strong{
display:block;
color:#8a050f;
}
.post-title strong, .post-title a:hover{
color:#333;
text-decoration:none;
}


Đây là nơi để thay đổi, bạn có thể chỉnh lại cỡ chữ, màu sắc.

Reply
61

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

Reply
62

Cảm ơn bạn nhiều, mình thực được rồi.
Các link tiêu đề con màu xanh lơ nằm dưới thư mục mình đã khoanh màu đỏ như hình:
https://lh3.googleusercontent.com/-glrWqdnRBA4/T72C83_KV3I/AAAAAAAANTs/RlnO_JicfCg/s0/Movie2Share.NET-99999999999.JPG
Bạn hướng dẫn giúp tôi cú pháp đôit chúng thành font chũ thường
Cảm ơn bạn.

Reply
63

Không có thẻ này trong template của mình Duy à? "b:include name='nextprev'/". Sao mình commetn rất nhiều lần mà ko thấy Duy trả lời

Reply
64

Bác chọn mở rộng mẫu tiện ích chưa? Gần đây em ít để ý đến blog nên có thể bỏ qua nhiều comment.

Reply
65

Có cách nào đưa : Bài đăng Cũ hơn, Bài đăng Mới : ngay bên dưới "Chia sẻ trên mạng xã hội :" trong tep của tớ ko? Cảm ơn Duy

Reply
66

Bạn tìm <b:include name='nextprev'/> và thay thành
<b:if cond='data:blog.pageType != "item"'>
<b:include name='nextprev'/>
</b:if>


Sau đó tìm phần code của chia sẻ trên mạng xh và thêm vào dưới nó đoạn code
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nextprev'/>
</b:if>

Reply
67

Duy xem dùm mình với, mình làm nhưng nó lại ra như sau:

https://lh5.googleusercontent.com/-Kd1VKYzrobU/UUfRJsITCZI/AAAAAAAADAE/iBNy0wMaHHg/w512-h521-p-o-k/bai-moi-hon-cu-hon.bmp

Reply
68

Ah mình mò 1 hồi rồi cũng ôn ổn rùi. Cảm ơn Duy nhiều :D

Reply
69

Mình đã không thành công với cách làm này, nó ko thể thay Older post, Newer Post với tiêu đề bài viết, xem giúp mình
http://www.giadinhthuanyen.net

Reply
70

Nếu mình muốn khi hover vào link thì nó hiện hiện ra title thì phải làm sao nhỉ, mình bị mắc ở chỗ script type='text/javaScript' newer='y'; /script, làm hoài mà cũng đành bó tay, bác duy xem giúp cho mình với :(

Reply
71

ý kiến cá nhân của mình thì ko thể, vì đặt trong thẻ title phải là 1 cái gì đó cố định, chứ cái old post new post kia thì nó thay đổi mà :)

Reply
72

à, mà còn lệnh expr nữa, tự nhiên quên mất nó, nhưng cái khó là đưa đoạn script kia vào

Reply
73

http://phodongho.blogspot.com

anh xem giúp em xem tại sao em k hiển thị bài viết cũ hơn nhỉ?
k biêts em làm gì mà nó biến mất tiêu hay sao ý :(
em muốn xóa cái đoạn dưới chỗ số lượt truy cập nữa thì phải làm sao ạ?
cám ơn anh trước. có gì anh gửi mail giúp em vào longnh.tn@gmail.com

Reply
74

blog mình không có phần phải làm sao

Reply
75

TUYỆT VỜI, THANK BẠN!

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.