Loading post navigation ...
 
 

Pro page

11
Nhận xét

Thay đổi liên kết Bài đăng cũ hơn, bài đăng mới hơn bằng hình ảnh

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Change Older Post and Newer Post link
[FD's BlOg] - Đối với mỗi template của blogspot, mặc định cuối mỗi trang sẽ có 3 link liên kết là "Bài viết mới hơn", "Trang chủ", "Bài viết cũ hơn". Để làm cho blog trông đẹp hơn, hôm nay mình giới thiệu cho các bạn 1 thủ thuật nhỏ để đổi các liên kết đó thành hình ảnh.

Các bạn coi hình minh họa bên dưới.
Trước khi chỉnh sửa


Sau khi chỉnh sửa :


Thực hiện các bước sau:
1. Đầu tiên bạn phải có hình tượng trưng cho 3 liên kết link đó
Có thể tham khảo 3 hình dưới đây

2. Đăng nhập blog
3. Vào Chỉnh sửa Code HTML
4. Nhấn vào Mở Rộng Tiện Ích
5. Tìm đọan code sau:

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

6. Thay những đọan code màu đỏ bằng những đọan code sau:

a. đọan code 1 : <data:newerPageTitle/>
thay bằng
<img alt='Next' border='0' src='{link hình 1}' title='Next'/>
b. đọan code 2 : <data:olderPageTitle/>
thay bằng
<img alt='previous' border='0' src='{link hình 2}' title='previous'/>
c. đọan code 3 : <data:homeMsg/>
thay bằng
<img alt='home' border='0' src='{link hình 3}' title='home'/>


7. Save template
8. Xong

Chúc các bạn thành công.


Enter your mail address:

11

♂[K]ïŋĢ♀™

Mình đã làm theo các bước bạn nói, but mấy cái hình nó ko hiện ra mà ko biết tại sao nữa ^^

fandung

sao ko hiện ra được nhỉ. Đây là thủ thuật rất cơ bản, thay liên kết chữ bằng liên kết hình ảnh thôi mà.

Bạn thử xem kỹ lại sao, chúc bạn thành công.

Lương Việt Dũng

mình làm nó cũng hok hiên mũi tên chỉ có link next thôi.không biết tại sao

Nghia designer

mình cũng vậy ! ko thấy thay đổi j , có khi nào link ảnh bị mất ko Fan Dũng kiểm tra dùm nhé !

xitin360.tk

các bác cho display= none là ok.. tìm code tương tự như sau #blog-pager-newer-link nếu dòng dưới có display:none; thì xóa đi

Đại Cuộc

Dũng giúp dùm cái này nhé :

Cái khu vực NEWERPOST HOME OLDERPOST trong blog của mình cách rất xa khung Comment làm cho trang bị mất cân đối. Có cách nào cho nó xích lại không vậy?

Cám ơn rất nhiều.

Tes-.Math2IT

Hì hì, mình lúc đầu cũng làm ko thấy nhưng lúc sau phát hiện thế này: Các bạn phải thay toàn bộ {link hình ...} (chú ý: bao gồm cả dấu ngoặc nhọn) bởi link liên kết hình ảnh. Thế là xong! Bạn nào còn để dấu ngoặc nhọn thì nó chỉ hiện chữ chứ ko hiện hình đâu ^^ :D

van tu

blog load chậm quá fandung à

Bamboo

Híc sao em ko thấy chữ older post và newer post trong blog của em hết anh Dũng ơi. Chỉ thấy hiện lên trang chủ thôi à, mà đã ko có thì làm sao đổi thành hình ảnh được. Anh ơi giúp em với

Hà Ngọc Tú

làm đc rồi cám ơn FD và Tes-.Math2IT đã nhắc

Khách (ẩn danh)

Xem laij ddi bajn af



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home