SHARE CODE HTML CHO BLOG

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"

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> 

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.