1. Chèn hình ảnh với kích cỡ như ý muốn: (chiều rộng < 500)
<div align=center><img height=100 alt=Image src="image link" width=100 alt="Image" /></div>
_ Trong đó: <div align=center> : dùng để cho ảnh nằm ở giữa trang.
. Các height và width phải điền đúng chính xác với các chiều cao và chiều rộng của ảnh.
. Image link, phải lấy link trực tiếp của bức hình.
* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
2. Cách chèn ảnh với size thực tế ( chiều rộng > 500)
_ Cắt dọc ảnh ra thành 2 hình bằng nhau, up lên cái host nào đấy, và paste cái code này vào:
<table id="Table_01" width="1000" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="link ảnh 1" width="500" height="750" alt=""></td>
<td>
<img src="link ảnh 2" width="500" height="750" alt=""></td>
</tr>
</table>
* Chiều rộng và chiều cao của ảnh nhớ ghi chính xác (còn số trong code trên chỉ là ví dụ thôi )
3. Chèn link:
<a href="link">Tên muốn hiển thị</a>
4. Tạo bóng đổ cho text trong Blog:
<div align="center">
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">huamylinh</span>
<span style="font-family: comic sans ms; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align: -5px;">huamylinh</span>
</div>
- Trong đó: font của chữ là comic sans ms, nếu không thích có thể đổi kiểu chữ khác.
5. Code dùng để đóng khung trong blog hay còn gọi code chia cột:
<table background="link" border="1" cellpadding="30" cellspacing="2">
<tbody>
<tr>
<td>
<table style="height: 209px;" align="left" background="link" border="2" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="left">
<span style="color: rgb(192, 0, 0);">
<div style="margin-left: 40px;">
đoạn text của khung bên trong <br />
</div>
</span>
</td>
</tr>
</tbody>
</table>
<br />
<span style="color: rgb(255, 64, 64);"> đoạn text của khung bên ngoài </span><br />
</td>
</tr>
</tbody>
</table>
6. Tạo các icon có chứa link (link bằng hình ảnh):
(nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến 1 cái link mình muốn- giống như kiểu [url=link text[/url] trong gvn vậy đó)
<div style="text-align: center;">
<a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" height="47" width="51" alt="Image" /></a></div> <br />
* Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên.
6. Tạo hiệu ứng hiện ảnh khác khi rê chuột vào ảnh
<a href="link_liên_kết" target="blank"><img onmouseover="this.src='LINK_HÌNH_THAY_THẾ Hiển Thị Khi Rê Chuột'" onmouseout="this.src='LINK_HÌNH Hiển Thị Cuối'" src="LINK_HÌNH Hiển Thị Đầu" ></a>
Demo:
7. Tạo hiệu ứng khi rê chuột vào link liên kết
<a href="Link_liên_kết" target="blank" onmouseover="oldColor=this.style.backgroundColor;this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundColor=oldColor;">Tên_Link</a>
Link_liên_kết // Link liên kết
#eee // Mã màu khi rê chuột lên
Tên_Link // Tên gán cho link liên kết
Demo:
Tổng Hợp Code Thường Sử Dụng Blogger/blogspot
8. Chèn trang HTML vào bài viết (Chèn trang web vào bài viết)
<iframe src="LINK_HTML( trang cần chèn vào bài viết" height="550" width="600" scrolling=yes frameborder="0"></iframe>
height="550" width="600" kích thước khung hiển hiển thị
crolling=yes Cho hiện thanh trượt, ngược lại không dùng thì sữa thành no
frameborder="0" Đường viền, 0 là không viền
Đăng nhận xét