Thay thế Bài đăng mới hơn, cũ hơn bằng hình ảnh - Blogger

Gần đây có một bạn email hỏi cách để thay thế Bài đăng mới hơn, Bài đăng cũ hơn và Trang chủ bằng hình ảnh. Mình rất ủng hộ những bạn đã liên hệ với mình để đặt những câu hỏi như thế này, nó tạo thêm cảm hứng cho việc viết blog. Việc thay thế nó bằng hình ảnh thì khá là đơn giản, không những thế còn cung cấp cho blog của chúng ta có một vẻ nhìn một cách chuyên nghiệp hơn.

Thay thế Bài đăng mới hơn, cũ hơn bằng hình ảnh - Blogger

Chuẩn bị hỉnh ảnh để chèn

Đầu tiên việc bạn cần làm là chọn cho mình hình ảnh riêng mà bạn cảm thấy ưng ý v.d. dưới đây mình cho một bộ

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggjqAm4iIx5GGYSrddkSmojjlEbUFSMSEjm4mtAWMO8fpwDClXoVdIvmNYxG-HdHhrATbvAO5lxF2NS8L_pi-GQ6dwrTtzoE7KVzlr7XyIELziBhTslqJ2BNNZ8-u0I9W7nMi-wUR5Y5Y/s1600/blue+arrow+left+.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix35Ts7bsY9IlQz2EytBH5cFiI2V06K4bhlBPncqMTr2Rc0JVTRi99wuRJ8YWrBche_Llu4CBwG00jDzt8cS2QrR3lW9TfkkVzmLtmNAmc2GR9lXgSzMnEw2yAGZ6N9-1GbtN6q_gGfrw/s1600/home.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgoaT43bueywXSs13idssH2xJYxuxiDO1b_Fm3WQoxPJO89ieFZDxcKARaonxRWyrH_Velhup62fBsg2qP0cTEYgM2ZgIpbIkL7NULGEdfKPUV-uvpcpg8NcrFEdIICU0LXa2Mq6vUONQ/s1600/blue_right_arrow.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVMAGb58IVnWeosPsIcwFyDYHnPicPONovMCUhDkk91Xjys-BNO5ufbUPxAZj8-ks4zXAtE2dABdCYLRknj4L8nTLYdrEQCsL4338GhhxadwaN9JdwSK3wMHg3pozSzhr61SVi47e6s9I/s1600/Previous+Button.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguDDH_jZFnpL3c21o2htuQg7_wLhHaCFUn0zonKbMjQSZfHEQDZPJEdEpgSL4mQ-BqHLBVhh4Q0WPDsZQemi8YlnwDf_GIbL6x5P_c5aWy65NzdXmEPtrNMJ6mV_uONyh9EyOCz5beLoo/s1600/Home+Button.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcvVTPm1CJOiJhRfKrOeoQiRqhGLygqScEpWpiEnSOuqaniqfMw7qqE_Uiy3tFaz4gJp0xJdv41xz1lUqu21na8A5OMOhUmOpc7a1Z-uiIGmp3tpjCvjPlLenI5AmzXpIJ7IOViYPC5Xg/s1600/Next+Button.png

sau khi chọn được hình ảnh mà bạn mong muốn bạn để link hình ảnh vào đoạn code sau đây

<img src="XXXXX" />

thay XXXXX bằng đường link hình ảnh của bạn.

Đoạn mã img này là đoạn chúng ta sẽ thay thế với các chữ có sẵn trong blog. (Bài mới hơn, cũ hơn, trang chủ)

Thay thế các mục bằng hình ảnh

Đăng nhập vào Blogger » Mẫu » Chỉnh sửa HTML

Tìm và thay thế lần lượt các đoạn sau đây bằng hình ảnh mà bạn đã chuẩn bị trước đó

Bài đăng mới hơn

<data:newerPageTitle/>

bằng

<img src="XXXXX" />

với XXXXX là hình ảnh mà bạn muốn thay thế Bài đăng mới hơn

Bài đăng cũ hơn

<data:olderPageTitle/>

bằng

<img src="XXXXX" />

với XXXXX là hình ảnh mà bạn muốn thay thế Bài đăng cũ hơn

Trang chủ

<data:homeMsg/>

bằng

<img src="XXXXX" />

với XXXXX là hình ảnh mà bạn muốn thay thế Trang chủ

Lưu lại template hiện tại của bạn, và kiểm thử.

Lời kết

Như vậy là mình đã hướng dẫn xong cho các bạn việc thay thế, Bài đăng mới hơn, cũ hơn và Trang chủ thành hình ảnh. Bằng việc thay thế này có vẻ sẽ làm cho website gọn hơn cũng như chuyên nghiệp hơn. Nếu các bạn có thắc mắc gì cần được giải đáp ở bài viết kế tiếp, xin cứ để lại nhận xét ở đưới hoặc liên hệ trực tiếp với mình qua trang liên hệ, mình sẽ giải đáp cho các bạn.