Chèn hình ảnh có link muốn dẫn đến.Phần 2.
( Khi bạn click vào hình ảnh sẽ dẫn đến 1 trang khác)
1. Chèn hình với kích thước mặc định.
Quote:
<a href="Link liên kết muốn đến"><img src="Link ảnh" /></a>
|
2. Chèn với kích thước mặc định, khi click vào hình sẽ hiện ra cửa sổ mới.
Quote:
<a href="Link liên kết muốn đến" target="_blank"><img src="Link Hình" /></a>
|
3. Chèn hình với tất cả thuộc tính nâng cao.
Quote:
<a href="Link liên kết muốn đến" target="_blank"><img src="Link Hình" alt="Viết chú thích cho tấm hình" title="Nội dung tấm hình" width="n" height="n" border="n" /></a>
|
Trong đó:
Quote:
href="Link Liên Kết"
Đường dẫn đến trang web muốn đến. src="Link Hình" Đường dẫn đến tập tin hình ảnh. alt="Chú Thích" Tạo chú thích cho hình ảnh chèn vào. Một số trình duyệt không hỗ trợ hình ảnh hoặc người dùng xác lập không hiển thị hình ảnh hay không tải hình. Trong trường hợp này hình được thay thế bởi một khung trống và kèm câu chú thích. title="Nội dung" Khi rê chuột vào tấm hình sẽ hiển thị nội dung. width="n" height="n" Xác lập kích thước ảnh. Tránh lạm dụng để thay đổi kích thước ảnh vì có thể làm biến dạng ảnh. border="n" Chỉ định độ dày đường viên bao quanh ảnh. n=0: không có đường viền target="_blank" Nếu chèn thẻ này vào thì khi bạn click vào hình sẽ hiện ra cửa sổ mới |
Với bảng này bạn có thể thêm các thẻ, hoặc xóa các thẻ để được đoạn code như ý. Mỗi thẻ cách nhau bằng 1 khoảng trắng.
Ví dụ: Khi bạn muốn chỉ tùy chỉnh chiều rộng của tấm hình cho phù hợp với module hoặc bài viết thì bạn thêm thẻ width="n" và ko cần thêm thẻ height="n", tương tự cho các thẻ khác.
Ví Dụ cụ thể:
Trường hợp chèn hình ảnh với tất cả thuộc tính nâng cao.
Quote:
<a href="http://thanhmartino.blogspot.com" target="_blank"><
|
Dưới đây là một số code sử dụng khi post ảnh vào Blogger dùng cho các trường hợp khi bạn muốn dẫn link từ ảnh tới các địa chỉ mà bạn muốn nhắm tới
Sau đây là các code cho từng trường hợp cụ thể
1- Chèn hình ảnh
a. Chèn 1 ảnh bình thường vào Blogger
1- Chèn hình ảnh
a. Chèn 1 ảnh bình thường vào Blogger
<img src="LINK ẢNH"/>
b- Chèn hình ảnh với kích thước tùy chỉnh.
<img src="Link Hình" width="n" height="n" />
2. Chèn Link liên kết chứa trong ảnh vào module ( tức là click vào ảnh sẽ ra 1 link bạn muốn mọi người vào đó)
<a href="LINK CẦN ĐẾN" target="_blank"><img src="LINK ẢNH"/></a>
3. Đặc biệt các bạn muốn chèn link vào ảnh cái kiểu mà vào mấy web xem phim hay quảng cáo ấy, treo biển hot girl-bikini- lộ hàng... bấm vào toàn ra mấy web quảng cáo mua bán trực tuyến với quảng cáo game thì dùng code này:
<a href="LINK WEB" target="_blank">
<img src="LINK ẢNH" border="0" alt="CLICK
ĐỂ XEM?" title="CLICK NGAY"> </a>
<img src="LINK ẢNH" border="0" alt="CLICK
ĐỂ XEM?" title="CLICK NGAY"> </a>
4. Chèn link trong blogger khi mọi người click vào sẽ ra 1 tab mới(Code này không liên quan tới ảnh)
<a href="LINK CẦN ĐẾN"
target="_blank">CHỮ HIỂN THỊ</a>
target="_blank">CHỮ HIỂN THỊ</a>
5. Để cho nó đẹp hơn giống dạng list các bạn chèn icon đằng trước rồi chèn Chữ chứa link sau:
<img src="LINK ICON">
<a href="LINK CẦN ĐẾN" target="_blank">CHỮ HIỆN THỊ</a>
<a href="LINK CẦN ĐẾN" target="_blank">CHỮ HIỆN THỊ</a>
Bạn có thể tham khảo thêm về một số code chèn hình ảnh và chèn link vào ảnh tại bài Code chèn hình ảnh vào Blog
