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
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
Bạn, Nguyễn Văn Nghĩa và người khác
Bình luận
Hashtag:
#Hiệu Ứng Blog
#Teamplate