Tạo khung chứa hình ảnh

Ngoài việc tạo khung chứa code, bạn cũng có thể tạo khung có thanh trượt để chứa các hình ảnh của mình. rất đẹp để dành cho các blog có diện tích nhỏ không tiện để trình diễn nhiều hình ảnh một lúc

☼ Cách tiến hành:

   1- Đăng nhập vào Blog

   2- Vào Phần tử trang (Bố Cục)

   3- Chọn Thêm Tiện ích

   4- Tạo 1 widet HTML/Javarscip và dán đoạn code sau vào:

<div style="height: 300px; overflow: scroll; width: 500px;">
<img alt="scroll" border="0" height="300" src="Link ảnh 1" width="500" />
<img alt="scroll" border="0" height="300" src="Link ảnh 2" width="500" />
<img alt="scroll" border="0" height="300" src="Link ảnh 3" width="500" />
</div> 

 Để thêm hình ảnh bạn chỉ cần thêm đoạn Code sau vào trước thẻ đóng </div>

<img alt="scroll" border="0" height="300" src="Link ảnh 4" width="500" />

Bây giờ, bạn thay đổi link ảnh và kích thước ảnh mà mình muốn hiển thị, cuối cùng bấm Lưu là xong.

Với code trên ta sẽ được hình như thế này:

Nhìn khá đẹp phải không các bạn?

Chúc thành công!

Chủ đề: