1 Khắc phục lỗi liên kết phân trang của Blogger 27/02/12, 01:10 pm
[KiNg]_[PiN]-BB
Các liên kết phân trang mặc định trên blogspot là Older Posts, Newer Posts, Home. Chúng ta có thể tùy biến để
thay các liên kết này bằng text khác hoặc bằng icon. Tuy nhiên sau khi
thực hiện, một số blogspot gặp một sự cố báo lỗi khi click vào liên kết
Older Posts và Newer Posts đã được thay thế bằng icon. Bạn có thể xem
thông báo lỗi ở hình bên dưới.
Để khắc phục lỗi này, trước tiên chúng ta hãy cùng nghiên cứu code phân
trang của blogspot. Đăng nhập Blogger, vào Design >> Edit HTML,
chọn Expand Widget Templates. Tìm đến đoạn code như bên dưới.
đây là text chỉ các bài đăng mới hơn
đây là text chỉ các bài đăng cũ hơn
đây là text chỉ trang chủ
Qua quá trình nghiên cứu, Bloggerism phát hiện lỗi trên phát sinh do dòng data:widget.instanceId,
đây là dữ liệu tiện ích xác định ID cho các liên kết phân trang, cho
nên khi chúng ta tùy biến như thế nào đi nữa thì vẫn không có tác dụng,
thậm chí còn gây ra lỗi nói trên.
Để khắc phục điều này, chúng ta chỉ cần loại bỏ dòng data:widget.instanceId ra khỏi đoạn code ở trên.
Thay expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
Bằng id='blog-pager-newer-link'
Thay expr:id='data:widget.instanceId + "_blog-pager-older-link"'
Bằng id='blog-pager-older-link'
Cuối cùng chúng ta có thể điều chỉnh như thế này:
Và
Hy vọng bài viết này sẽ giúp bạn xử lý được sự cố khi gặp phải và hiểu rõ hơn về code phân trang của blogspot.
thay các liên kết này bằng text khác hoặc bằng icon. Tuy nhiên sau khi
thực hiện, một số blogspot gặp một sự cố báo lỗi khi click vào liên kết
Older Posts và Newer Posts đã được thay thế bằng icon. Bạn có thể xem
thông báo lỗi ở hình bên dưới.
Để khắc phục lỗi này, trước tiên chúng ta hãy cùng nghiên cứu code phân
trang của blogspot. Đăng nhập Blogger, vào Design >> Edit HTML,
chọn Expand Widget Templates. Tìm đến đoạn code như bên dưới.
- Code:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' [color=red]expr:[/color]id='[color=red]data:widget.instanceId + "_[/color]blog-pager-newer-link[color=red]"[/color]' [color=red]expr:[/color]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' [color=red]expr:[/color]id='[color=red]data:widget.instanceId + "_[/color]blog-pager-older-link[color=red]"[/color]' [color=red]expr:[/color]title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
Qua quá trình nghiên cứu, Bloggerism phát hiện lỗi trên phát sinh do dòng data:widget.instanceId,
đây là dữ liệu tiện ích xác định ID cho các liên kết phân trang, cho
nên khi chúng ta tùy biến như thế nào đi nữa thì vẫn không có tác dụng,
thậm chí còn gây ra lỗi nói trên.
Để khắc phục điều này, chúng ta chỉ cần loại bỏ dòng data:widget.instanceId ra khỏi đoạn code ở trên.
Thay expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
Bằng id='blog-pager-newer-link'
Thay expr:id='data:widget.instanceId + "_blog-pager-older-link"'
Bằng id='blog-pager-older-link'
Cuối cùng chúng ta có thể điều chỉnh như thế này:
Và
Hy vọng bài viết này sẽ giúp bạn xử lý được sự cố khi gặp phải và hiểu rõ hơn về code phân trang của blogspot.
| ||||||||