Dùng cách loading trực tiếp, chúng ta đem hình vào trang Blogger nhưng bị hạn chế bởi 3 độ lớn là small,medium và large và vị trí đặt hình không theo đúng ý muốn vì chỉ có 3 vị trí right,center và left.
Nhưng nếu biết xử dụng HTML thì sẽ được kết quả tốt ,tránh được hạn chế nói trên.
Chúng ta có vài cách đem hình vào HTML để post lên Blogger như sau.Trước khi post nhớ xóa bỏ tag html và tag head
Cách thứ nhất rất đơn giản.
1- src nghĩa là source ; hoadai1.gif là tên của tấm hình ở dạng gif được chép vào src.Có thể dùng dạng jpeg và dạng png. Nên dùng dạng gif và jpeg để tấm hình nhẹ hơn
Có thể dùng url của tấm hình thay thế tên của tấm hình vì url chỉ chỗ tấm hình được tồn trử.
url là Universal Resource Identifieṛ ( tên cũ ) hoặc Uniform Resource Locator ( tên mới ).
Thí dụ :
src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPB9RvUwvQpzxoOSsU66gjMVAzLygpva1heKCSjlvZYqL2glOYVorMFKsaegypl4d6mtzUQApxg2jcl3Q-fJegRiZaV3XwYKIgPh6027sa7eSMFe10P16OoIpM2pYtWu8xZAhIdOurJSKM/s200/sshot-4.png%20width= “
Dạng của tấm hình luôn luôn viết ở phần đuôi của tên tấm hình và có dấu chấm ngăn cách.
.gif là Graphic Interchange Format.
.jpeg hoặc .jpg nghĩa là Joint Photographic Expert Group.
.png là Portable Network Graphic.
2- alt nghĩa là Alternative.Trường hợp browser không tìm được tấm hình thì nó sẽ viết ra tên mô tả của tấm hình đó mà chúng ta đã viết (description of image).Thí dụ trên alt =” hoa dại màu vàng”
3- Về độ lớn width và độ cao height của tấm hình,chúng ta dùng đơn vị pixel.Thí dụ width=”65px”.Có thể bỏ chữ px cũng được.
Còn có một cách khác thường được xử dụng trong Blogger để diễn tả độ lớn là dùng bách phân % của màn ảnh computer.Thí dụ width=”10 %” nghĩa là tấm hình có độ rộng bằng10% màn ảnh.
Nếu chỉ xác định độ rộng mà không cho độ cao thi computer tự động điều chỉnh độ cao theo độ rộng.
4- align dùng để định vị trí của tấm hình ở đâu. Left,right,center ?
Chúng ta có thể dùng các ký hiệu sau thay thế align.
hspace=”…?. “ nghĩa là horizontal distance between picture and text .
vspace=”.?..” là vertical distance between picture and text .
Tiến thêm một bước nữa thì nên viết trong phần body tag như sau.
< img src="hoadai1.gif" width="95"
span style=" position:absolute; top:200px ;left:300 px ;">
Nghĩa là chúng ta muốn tấm hình phải ở vị trí rất chính xác cách đỉnh 200 pixel và cách bên trái 300 pixel.
Cách viết nầy được áp dụng khi viết JavaScript làm cho hình hay vật gọi là object chuyển động.
Cách thứ hai.
Dùng document.write('....') theo javaScript như sau .
Cách thứ ba phức tạp hơn.
Dùng body onload và " document.img.src= '....gif ' "
Áp dụng tất cả những chi tiết hướng dẫn trên,chúng ta có thể post lên Blogger một logo gọi là “Học Thiền Theo 10 Bức Tranh Chăn Trâu” muôn đời vẫn là công thức căn bản rất cần cho thế hệ từ xa xưa cho đến thế hệ con cháu khi muốn tìm hiểu tâm mình là gì,có tâm hay không có ?
Cách thứ tư. Xem trang JavScript Click Event used to show an picture.
Cách thứ năm. Xem trang Using variable and document.write() to display a picture.
Cách thứ sáu. Xem trang Using document.getElementById() & div id to display a picture.
Cách thứ bảy.Xem trang Using span tag only to display a picture.
