Hướng dẫn bé post hình ảnh nè

Lưu ý là cách này thì không được upload hình trực tiếp lên host của Blogger, mà phải upload lên chỗ khác, chỗ nào cũng được, rồi post link lên đây.

Đầu tiên, bé phải up hình vào một host bên ngoài nào đó, sau đó dùng link đó up lên Blog.
Sau khi up xong, bé vào phần Chỉnh sửa HTML, nó có dạng như sau:
[ nhấn vào đây để xem tiếp ]

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://sangdth.googlepages.com/image-1.jpg"><img style="cursor: pointer; width: 200px;" src="http://sangdth.googlepages.com/image-1.jpg" alt="" border="0" /></a>

Bé thêm dòng rel="lightbox" vào chỗ này:

<a rel="lightbox" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://sangdth.googlepages.com/image-1.jpg"><img style="cursor: pointer; width: 200px;" src="http://sangdth.googlepages.com/image-1.jpg" alt="" border="0" /></a>

Nó sẽ hiển thị cái hình có thể xem như thế này:

Còn nếu có nhiều hình, muốn xem một lượt, ví dụ hình 1,2,3,4, cũng add y chang như vậy, nhưng mà thêm cái này rel="lightbox[tênriêng]"

<a rel="lightbox[tenrieng]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://sangdth.googlepages.com/image-1.jpg"><img style="cursor: pointer; width: 200px;" src="http://sangdth.googlepages.com/image-1.jpg" alt="" border="0" /></a>

<a rel="lightbox[tenrieng]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://sangdth.googlepages.com/image-1.jpg"><img style="cursor: pointer; width: 200px;" src="http://sangdth.googlepages.com/image-1.jpg" alt="" border="0" /></a>

<a rel="lightbox[tenrieng]" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://sangdth.googlepages.com/image-1.jpg"><img style="cursor: pointer; width: 200px;" src="http://sangdth.googlepages.com/image-1.jpg" alt="" border="0" /></a>

Nó sẽ ra 3 hình giống vầy, di chuyển chuột ra góc hình, có nút Tới, Lùi để đi đến hình khác trong danh sách đó:

[ nhấn vào đây để đóng lại ]