Thursday 28 July 2016

CHÈN LINK VÀO ẢNH

  Ở đây mình sẽ hướng dẫn chèn link vào ảnh banner trên blogspot. Còn trên web nền tảng khác, các bạn thử copy code (hoàn thiện) và chỉnh sửa lại thử nhé.

- Bước 1: Tạo bài viết mới và tải ảnh lên. (Mục đích là để lấy code thôi).


- Bước 2: click vào ảnh rồi nhấp vào phần Liên kết bên trên để tạo liên kết cho ảnh.

 Box liên kết hiện ra, ghi rõ Url trang web cần hướng đến. (Lưu ý: thông thường ta chèn link cho text nên có phần nội dung, còn cho ảnh thì để trống). Xong , nhấp Ok.

- Bước 3: Chuyển từ trang Viết sang trang Html. Ta có đoạn code như sau:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://chienvo.com/"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQccrDCmWx8OhdhwZAjWxmFGysT9c7U0KQWaqZG6tLHqwzAnRZVQgYdJoW4USfayE5-hwPp85cWsRND1EaTOHgxcSA61BDbafVH4-tR0J98pHJb_pnschnhDkCfM5lMyStnbtvNlbeCJUb/s320/13874538_1250326911667591_164971690_n.gif" width="213" /></a></div><br/><br/>

  Chỉnh sửa lại các thuộc tính chiều rộng(with="") , chiều cao (height="") cho phù hợp với vị trí đặt banner.

  Xóa hai thẻ xuống dòng <br/><br/> không cần thiết đi. Nếu ta không xóa, nó sẽ tạo khoảng trống bên dưới của Box chứa banner, không đẹp cho lắm.

  Để chuyển trang ở một trang khác sau khi click vào banner, ta thêm thuộc tính  target="_blank" vào, như sau:
<a href="http://chienvo.com" target="_blank">
  Và đây là đoạn code hoàn thiện:
<div class="separator" style="clear: both; text-align: center;">
<a href="http://chienvo.com/" target="_blank"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQccrDCmWx8OhdhwZAjWxmFGysT9c7U0KQWaqZG6tLHqwzAnRZVQgYdJoW4USfayE5-hwPp85cWsRND1EaTOHgxcSA61BDbafVH4-tR0J98pHJb_pnschnhDkCfM5lMyStnbtvNlbeCJUb/s320/13874538_1250326911667591_164971690_n.gif" width="213" /></a></div>
- Bước 4: Copy đoạn Code trên dán vào tiện ích Html/Javascript rồi đặt vào vị trí bạn muốn. 

  Nếu đặt banner ở trong bài viết thì chỉ cần thực hiện ở Bước 1Bước 2 là đủ.

  Như vậy là ta có một banner quảng cáo hoàn thiện.

2 comments:
Write nhận xét