SHARE MỘT SỐ CODE HTML THÔNG DỤNG CHO BLOG
1 - Nhạc nền cho blog:
<div><embed style="width:1px; height:1px; "type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-5683524695582239829&hl=en"
<div><embed style="width:1px; height:1px; "type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-5683524695582239829&hl=en"
flashvars="autoPlay=true"bgcolor="#000000"="none"></embed></div>
Cái này đòi hỏi bạn phải có 1 tài khoản Gmail để upload lên trang Google video. Ko thì phải kiếm các đoạn link đã có sẵn như trên này chẳng hạn.
Lưu ý là width và height = 1px bé như 1 cái chấm nên bạn sẽ không thấy bài hát đâu, cứ yên tâm mà post rùi đợi nó load nhạc về là nghe thấy ngay ấy mà.
2 - 1 đoạn video cho blog
Upload file video lên Youtube.com hay lấy sẵn đoạn video mình thích ở trên trang đó
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/E81WJEnxxfc"></param><embed src="http://www.youtube.com/v/E81WJEnxxfc" type="application/x-shockwave-flash" width="425" height="350"></embed></object>
Cái này đòi hỏi bạn phải có 1 tài khoản Gmail để upload lên trang Google video. Ko thì phải kiếm các đoạn link đã có sẵn như trên này chẳng hạn.
Lưu ý là width và height = 1px bé như 1 cái chấm nên bạn sẽ không thấy bài hát đâu, cứ yên tâm mà post rùi đợi nó load nhạc về là nghe thấy ngay ấy mà.
2 - 1 đoạn video cho blog
Upload file video lên Youtube.com hay lấy sẵn đoạn video mình thích ở trên trang đó
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/E81WJEnxxfc"></param><embed src="http://www.youtube.com/v/E81WJEnxxfc" type="application/x-shockwave-flash" width="425" height="350"></embed></object>
http://www.youtube.com/v/E81WJEnxxfc là link của 1 video, không thì khi bạn xem đoạn video người ta cũng cung cấp đoạn mã này (ở Tag embed)
3 - 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.
. Các con số 100 chỉ là ví dụ
. Image link, phải lấy link trực tiếp của bức hình.(upload lên trang photobucket.com)
* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
4 - Cách chèn ảnh với kích thước 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 )
5 - Thay link = tên:
<a href="link">Tên muốn hiển thị</a>
Thay 1 đoạn "link" như "http://www.yahoo360.com/starfall101" dài ngoằng bằng chữ "Đây là blog của NTD"
6 - Tạo các icon (hoặc các hình ảnh) có chứa link:
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 5 nhưng là "hình" chứ không phải "chữ"
<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>
* Đ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.
7 - Tạo bóng đổ cho text trong Blog:
<div align="center">
<span style="font-family: times; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">viết chữ ở đây</span>
<span style="font-family: times; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align:
-5px;">viết chữ ở đây</span>
</div>
_ Trong đó: font của chữ là font Times, nếu không thích có thể đổi kiểu chữ khác.
"viết chữ ở đây" phải giống nhau đó, nếu 2 dòng chữ ko giống nhau thì bye bye nhé
8. Code dùng để đóng khung trong blog:
<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>
9 - Làm hình nền cho entry
Tức là viết bài trên 1 cái ảnh nào đó:
Bước 1 : Bạn chọn 1 ảnh để làm nền, chiều ngang khoảng 700 pixel là chuẩn -> up lên host nào đó để lấy link (photobucket.com - Imageshack.us)
Bước 2 : Bạn vào viết blog -> chọn chế độ "View HTML Source". Copy đoạn code sau vào
<div align=center>
<table background="LINK ẢNH Ở ĐÂY" border=0>
<tbody>
<tr>
<td align=center>
Bạn có thể gõ text ở dòng này
</td>
</tr>
</tbody>
</table>
</div>
Chú ý : Thay link ảnh mà bạn đã post trên host vào dòng "Link ảnh ở đây" nhé
Bước 3 : bạn thoát khỏi chế độ "View HTML Source". Bạn sẽ thấy bài viết đã có thể viết được trên ảnh mà bạn chọn.
3 - 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.
. Các con số 100 chỉ là ví dụ
. Image link, phải lấy link trực tiếp của bức hình.(upload lên trang photobucket.com)
* Cách này chỉ cho chèn ảnh với chiều rộng không quá 500.
4 - Cách chèn ảnh với kích thước 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 )
5 - Thay link = tên:
<a href="link">Tên muốn hiển thị</a>
Thay 1 đoạn "link" như "http://www.yahoo360.com/starfall101" dài ngoằng bằng chữ "Đây là blog của NTD"
6 - Tạo các icon (hoặc các hình ảnh) có chứa link:
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 5 nhưng là "hình" chứ không phải "chữ"
<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>
* Đ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.
7 - Tạo bóng đổ cho text trong Blog:
<div align="center">
<span style="font-family: times; font-size: 50px; font-weight: bolder; color: rgb(130, 130, 130);">viết chữ ở đây</span>
<span style="font-family: times; font-size: 50px; font-weight: bolder; color: red; margin-left: -295px; vertical-align:
-5px;">viết chữ ở đây</span>
</div>
_ Trong đó: font của chữ là font Times, nếu không thích có thể đổi kiểu chữ khác.
"viết chữ ở đây" phải giống nhau đó, nếu 2 dòng chữ ko giống nhau thì bye bye nhé
8. Code dùng để đóng khung trong blog:
<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>
9 - Làm hình nền cho entry
Tức là viết bài trên 1 cái ảnh nào đó:
Bước 1 : Bạn chọn 1 ảnh để làm nền, chiều ngang khoảng 700 pixel là chuẩn -> up lên host nào đó để lấy link (photobucket.com - Imageshack.us)
Bước 2 : Bạn vào viết blog -> chọn chế độ "View HTML Source". Copy đoạn code sau vào
<div align=center>
<table background="LINK ẢNH Ở ĐÂY" border=0>
<tbody>
<tr>
<td align=center>
Bạn có thể gõ text ở dòng này
</td>
</tr>
</tbody>
</table>
</div>
Chú ý : Thay link ảnh mà bạn đã post trên host vào dòng "Link ảnh ở đây" nhé
Bước 3 : bạn thoát khỏi chế độ "View HTML Source". Bạn sẽ thấy bài viết đã có thể viết được trên ảnh mà bạn chọn.
