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

85

Nhận xét
1

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

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

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

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

Reply Xóa nhận xét
8

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

Reply Xóa nhận xét
9

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

Reply Xóa nhận xét
11

:D chất lại rồi

Reply Xóa nhận xét
12

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

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

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

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

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

@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
27

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

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

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

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

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

Reply Xóa nhận xét
32

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

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

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

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

Reply Xóa nhận xét
39

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

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

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

Reply Xóa nhận xét
42

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

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

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

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

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

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

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

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

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

Reply Xóa nhận xét
75

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

Reply Xóa nhận xét
76

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
77

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

Reply Xóa nhận xét
78

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

Reply Xóa nhận xét
79

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
80

Dạ vâng. Thank bác!

Reply Xóa nhận xét
81

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
82

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
83

Alo alo bác ơi =))

Xóa nhận xét
84

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

Xóa nhận xét

Đăng nhận xét

Cancel