Tạo chú thích cho ảnh khi rê chuột vào nó

Viết cho Cậu Di và ai đó quan tâm 
Vừa rồi trong bài đăng chúc mừng sinh nhật Cậu Di 74 tuổi tôi có đăng một tấm ảnh chụp Cậu tại Tam Đảo với mọi người mà lúc rê chuột vào nó sẽ đọc được chú thích ảnh. Trong phần nhận xét Cậu Di có khen là siêu nhưng thực chất việc làm này rất đơn giản. Tôi xin hướng dẫn để các vị cùng làm nếu như các vị thích. Đầu tiên các vị cứ chèn ảnh như bình thường. Sau các vị vào chế độ HTML và chú ý đến phần HTML của ảnh. Nó có dạng như sau:

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeAEk7m67DHqySUjWtRIUkGjqBlv-LtCLRPCfZ1RMcsFvt_8Cr0shk1WkKK9B9k2JBEE_WgHxwUeu5ydOQBRyzSYtepaTDx66AYIk_qHxarsBVBdF-jUd4ZkANbxrZega6wI2hvD0i4y8/s1600/IMG_1226.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeAEk7m67DHqySUjWtRIUkGjqBlv-LtCLRPCfZ1RMcsFvt_8Cr0shk1WkKK9B9k2JBEE_WgHxwUeu5ydOQBRyzSYtepaTDx66AYIk_qHxarsBVBdF-jUd4ZkANbxrZega6wI2hvD0i4y8/s320/IMG_1226.JPG" width="320" /></a></div>
Để hiện chú thích ảnh khi rê chuột vào, các vị chỉ cần thêm dòng sau title="Nhập chú thích ảnh ở đây" vào ngay sau link ảnh (dòng trên có <a href=... ấy) ở vị trí chính xác như sau: 

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeAEk7m67DHqySUjWtRIUkGjqBlv-LtCLRPCfZ1RMcsFvt_8Cr0shk1WkKK9B9k2JBEE_WgHxwUeu5ydOQBRyzSYtepaTDx66AYIk_qHxarsBVBdF-jUd4ZkANbxrZega6wI2hvD0i4y8/s1600/IMG_1226.JPG" title ="Nhập chú thích ảnh ở đây" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeAEk7m67DHqySUjWtRIUkGjqBlv-LtCLRPCfZ1RMcsFvt_8Cr0shk1WkKK9B9k2JBEE_WgHxwUeu5ydOQBRyzSYtepaTDx66AYIk_qHxarsBVBdF-jUd4ZkANbxrZega6wI2hvD0i4y8/s320/IMG_1226.JPG" width="320" /></a></div>
Hãy thay Nhập chú thích ảnh ở đây bằng chú thích của các vị. Thế là xong. Chúc các vị thành công !

Previous
Next Post »
2 Komentar
avatar

Hoan nghênh hướng dẫn của Lương sẽ áp dụng

Balas
avatar

Đối với 1 hình ảnh trong máy thì sao để tạo được vậy bạn ?

Balas