Trang chủ \16.1.12

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ề!

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

82

Nhận xét
1

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 Xóa nhận xét
2

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

Reply Xóa nhận xét
4

@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 Xóa nhận xét
5

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 Xóa nhận xét
6

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

Reply Xóa nhận xét
7

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

Reply Xóa nhận xét
8

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

Reply Xóa nhận xét
10

:D chất lại rồi

Reply Xóa nhận xét
11

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

Reply Xóa nhận xét
12

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 Xóa nhận xét
13

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

Reply Xóa nhận xét
14

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 Xóa nhận xét
15

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

Reply
16

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

Reply
17

@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 Xóa nhận xét
18

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

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

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

Reply Xóa nhận xét
20

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

Reply Xóa nhận xét
21

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

Reply
22

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

Reply Xóa nhận xét
23

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

Reply
24

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

Reply Xóa nhận xét
25

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

Reply Xóa nhận xét
26

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

Reply Xóa nhận xét
27

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

Reply Xóa nhận xét
28

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

Reply Xóa nhận xét
29

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 Xóa nhận xét
30

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

Reply Xóa nhận xét
31

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

Reply Xóa nhận xét
32

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 Xóa nhận xét
33

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 Xóa nhận xét
34

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 Xóa nhận xét
35

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 Xóa nhận xét
36

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

Reply Xóa nhận xét
37

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

Reply Xóa nhận xét
38

@Đ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 Xóa nhận xét
39

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

Reply Xóa nhận xét
40

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

Reply Xóa nhận xét
50

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 Xóa nhận xét
41

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

Reply
42

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

Reply Xóa nhận xét
43

@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 Xóa nhận xét
51

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

Reply Xóa nhận xét
47

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

Reply
48

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

Reply Xóa nhận xét
52

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 Xóa nhận xét
53

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

Reply Xóa nhận xét
54

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 Xóa nhận xét
56

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 Xóa nhận xét
57

.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 Xóa nhận xét
58

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

Reply
59

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 Xóa nhận xét
60

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 Xóa nhận xét
61

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 Xóa nhận xét
62

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 Xóa nhận xét
63

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 Xóa nhận xét
64

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 Xóa nhận xét
65

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

Reply Xóa nhận xét
66

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 Xóa nhận xét
67

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 Xóa nhận xét
68

ý 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 Xóa nhận xét
69

à, 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 Xóa nhận xét
70

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 Xóa nhận xét
71

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

Reply Xóa nhận xét
72

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

Reply Xóa nhận xét
73

Cái này muốn có thêm cả thumbnail của bài viết cũ hơn, mới hơn vào được không bác?

Reply Xóa nhận xét
74

Được Huy ơi, vài hôm nữa mình code thêm cho

Reply Xóa nhận xét
75

Thank bác! Quá xịn luôn ạ

Reply Xóa nhận xét
76

Mình có code vội rồi mà đang có lỗi với bài không có ảnh, mà đang bận quá. Khi có tg mình fix lại, chắc nhanh thôi :D

Reply Xóa nhận xét
77

Dạ vâng. Thank bác!

Reply Xóa nhận xét
78

Có code được kết hợp bài cũ hơn, mới hơn nhưng theo nhãn được không bác? :D

Reply Xóa nhận xét
79

Chưa thử nhưng có lẽ là dc Huy ơi, tuần này bận quá chưa có tg ngồi code kia

Xóa nhận xét
80

Alo alo bác ơi =))

Xóa nhận xét
81

Ác, mấy năm rồi mà chưa code à :D

Xóa nhận xét

Đăng nhận xét

Cancel