Chào mừng bạn đến với Xuan Loc Blog

Thứ Sáu, 17 tháng 1, 2014

Tạo khung trượt chứa hình ảnh trong blogger

Tạo khung trượt chứa hình ảnh trong blogger

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 tạo khung sử dụng thanh trượt chứa hình ảnh trong blogger

1- Đăng nhập vào Blog
2- Vào 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> 
» Tùy chỉnh:
  • height="300" là chiều cao của hình ảnh bạn nên để các hình ảnh bằng nhau để trông đẹp hơn nha.
  • width="500" là chiều rộng của hình ảnh bạn nên để các hình ảnh bằng nhau để trông đẹp hơn nha.
  • src="Link ảnh 1" là link của hình ảnh hãy thay nó bằng hình ảnh của bạn nha.
  • Để 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" />

0 nhận xét :

Đăng nhận xét

 
Chào mừng bạn đến với Xuan Loc Blog