Tạo hình ảnh xuất hiện trước blog


Trong blog bạn thường sử dụng hình ảnh để blog trông thu hút hơn, thường bạn sử dụng ảnh trông bài viết hay gắn vào các sidebar, footer hay head… ở hai bên blog. Tuy nhiên, có một cách gắn ảnh nữa mà không sử dụng đến sidebar mà chúng ta sẽ gắn trực tiếp vào body của blog. Hôm nay mình xin chia sẻ với các bạn thủ thuật này, cách thực hiện cũng khá đơn giản.

☼ Cách thực hiện

1. Đăng nhập vào Blogger
2. Vào bố cục
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Tìm đến thẻ </body> và thêm code sau vào trước nó

<a href=”http://www.traidatmui.com/“><img width=”200px” height=”150px” src=’http://lh6.ggpht.com/_TaHzV-QgYq0/S2JNbSOi9zI/AAAAAAAAFXA/QIMtL5Oyg8g/vietnamagtravel.gif‘ style=’position:fixed; bottom:60px; left:15px;’/></a>

☼ Lưu ý:
– Bạn hãy thay link hình ảnh http://lh6.ggpht.com/_TaHzV-QgYq0/S2JNbSOi9zI/AAAAAAAAFXA/QIMtL5Oyg8g/vietnamagtravel.gif trên thành link ảnh của bạn và link liên kết http://www.traidatmui.com/ thành link của bạn. Nhớ chỉnh độ rộng (width=”200px”) và độ cao (height=”150px”) của ảnh cho phù hợp.
– Ở trên là mình đã thiết lập cho ảnh cố định ở bên trái phía dưới, bạn có thể cho ảnh xuất hiện ở các vị trí khác cho phù hợp với blog bạn bằng cách thay bottomleft thành các lệnh : top, right. Hình ảnh ở trên là cố định ở một vị trí bạn có thể cho ảnh di chuyển khi kéo chuột bằng cách thay lệnh “fixed” trong code thành “absolute”

5. Save tamplate lại và xem kết quả

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

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *