Thay older, newer post bằng hình ảnh cho blogspot

Mở hàng cho loạt bài về thủ thuật blogspot hôm nay mình xin giới thiệu một thủ thuật nho nhỏ và đơn giản nhưng rất là hay, với thủ thuật này sẽ giúp cho blog của bạn sinh động hơn, nhìn chuyên nghiệp và đẹp hơn.
Đó là thay đổi Older Post, Newer Post. Hầu hết mặc định khi tạo blog thì nó sẽ là những dòng chữ nhìn khá là thô và không được ưu thích cho lắm (Tùy người cảm nhận thôi nha :D) vì vậy thủ thuật này sẽ giúp bạn thay đổi nó một cách dễ dàng.


Đầu tiên nếu bạn muốn thay đổi một cái gì đó thì trước hết bạn phải biết được nó nằm ở đâu và trong phạm vi nào để từ đó khoanh vùng lại và chỉnh sửa, như vậy sẽ giúp ta hiểu rõ hơn về cấu trúc của nó và cũng tránh việc sai lầm là lấy râu ông này chắp cằm bà kia code bỏ lung tung làm như vậy sẽ sai và không lưu được mẫu đồng thời cũng không thể chỉnh sửa theo ý muốn của mình được.

Trước mỗi lần chỉnh sửa mẫu template bạn cần back up lại một bản bằng vào Mẫu -> Chọn Sao lưu/Khôi phục một bản trong máy của mình để tránh trước hợp chỉnh sửa sai hoặc lỗi mà không thể tìm ra để khôi phục lại.

Ở đây chúng ta thay đổi Older Post và Newer Post cho nên ta sẽ tìm dòng code sau.

Để tìm nhanh chóng và đơn giản bạn chỉ cần vào mẫu ấn Ctrl + F để tìm với dòng code sau

id='nextprev'

Sau khi tìm được bạn sẽ thấy một đoạn code như hình dưới

Code của older post và newer post (click vào hình để xem rõ hơn)

Trong hình khung mình khoanh màu đỏ là bao gồm đường link cũng như tiêu đề hiện thị của Older và Newer post.

Sau khi xác định được rồi bạn chỉ cần việc thay các thẻ tiêu đề của nó bằng hình ảnh dùng thẻ img nữa là ok.

Các thẻ tiêu đề older, new post và home như sau.

<data:newerPageTitle/> - Thẻ hiện thị tiêu đề của bài viết mới hơn
<data:olderPageTitle/> - Thẻ hiện thị tiêu đề của bài viết cũ hơn
<data:homeMsg/> - Thẻ hiện thị tiêu đề trở về trang chủ

Các bạn chỉ việc xóa các thẻ này và thay thế vào đó bằng hình ảnh bạn muốn hiện thị mà thôi.

Hình ảnh đã được thay thế các tiêu đề (click vào hình để xem rõ hơn)

Thẻ img như sau

<img src='link ảnh'/>

Như vậy là đã hoàn thành thủ thuật này, hình ảnh thì tùy ý các bạn, các bạn có thể lên google search để tìm kiếm những mẫu hình mà mình ưng ý nhất

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

Nguồn: ducbeo.blogspot.com