Trang chủ > Thủ thuật blog > Tạo hình ảnh luôn xuất hiện trước blog

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

[Sboy]- 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 ở 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.

Hình ảnh minh họa

☼ 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ẻ và thêm code sau vào trước nó

<a href="http://singleboy010.blogspot.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;‘/>

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://singleboy010.blogspot.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 bottom và left 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

Chuyên mục:Thủ thuật blog
  1. Chưa có phản hồi.
  1. No trackbacks yet.

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: