Một số code thông dụng khi viết bài

Một số code thông dụng và cần thiết dùng trong bài viết cho blog, website. Để dùng code thay cho viết bài kiểu mặc định thông dụng của các blog chọn sẵn, bạn bấm chọn qua thẻ "Edit HTML". Sau đó chèn code cần thao tác vào, nếu muốn soạn thảo tiếp bài viết với kiểu cũ thì chọn lại thẻ viết bài như cũ. 

1_Chèn khung chứa code có thẻ "Select all"

<form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all"/><br /> <textarea cols="80" name="MyTextBox" rows="3" wrap="on" style="background:#eee; color:#464646; border:1px #A0C4EA solid;">NỘI_DUNG_CODE

cols="80" = Bề rộng khung chứa code
rows="3" = Số dòng trong khung chứa code
wrap="off" = Trong một dòng, chữ dài quá khung sẽ hiện thanh trượt kéo ngang qua
wrap="on" = Nhiều dòng chữ quá số dòng khung quy định sẽ hiện thanh trượt kéo xuống


Vd: giống như khung trên

2_Chèn Flash vào bài viết (chọn cách nào cũng được)

Cách 

<div style="text-align:center;"><embed wmode=Transparent pluginspage="http://www.macromedia.com/go/getflashplayer" src="LINK_FLASH" width="900" height="300" type="application/x-shockwave-flash" scale="" play="true" loop="true" menu="true"></embed></div>

Cách 2

<embed src="LINK_FLASH" bgcolor="#000000" type="application/x-shockwave-flash" allowscriptaccess="none" width="400" height="400"></embed>

3_Chèn hình ảnh (image) vào bài viết 

1. Code đơn giản<br /> <img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả"/><br /> <br /> 2. Code mở rộng<br /> <img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả" align="bottom" width="400" height="400"/>

4_Chèn ảnh chứa link 

<a href="LINK" target="blank"><img src="LINK_ẢNH"/></a>/textarea> </form>
VD: 

5_ Tạo button ẩn hiện nội dung 

<div><div><input type="button" value="Xem" style="width:75px; font-size:11px; margin:0px; padding:0px; border="1"" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ẩn'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Xem'; }"><br /> </div><div><div style="display: none; border:#4F4F4F 1px solid; padding: 4px; background:# ">NỘI_DUNG <br /> </div></div></div>
xem =  có thể thay thế bằng từ bạn muốn thông báo "mở","đọc"
NỘI_DUNG = nội dung bạn muốn ẩn

VD:

6_ Chèn nhạc vào bài viết 

<object name='hat' width=300 height=45>

<embed  type='application/x-mplayer2'

 pluginspage='http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/' 

 controls='controlpanel' width=300 height=45 src='LINK_NHẠC'

 autostart="0" showstatusbar="0" ShowControls='true' loop='0' name='hat'></embed></object>

LINK_NHẠC // Phải là link trực tiếp (VD: http://...bài_hát.mp3)
loop='0' // Không lặp lại
loop='1' // Lặp lại một lần
loop='-1' // Lặp lại mãi mãi 
autostart="0" // Không tự play 
autostart="1" // Play ngay khi web tải xong

Tham khảo thêm cách lấy link nhạc trực tiếp tại đây

VD

7_Chia cột

<table><tbody>
<tr><td class="column_1" style="font:12px Tahoma; color:#000000; width:120px;padding:4px;" valign="top"><div class="column_1">
Nội_dung_cột_1
</div>

</td><td class="column_2" style="font:12px Tahoma; color:#000000;width:120px;padding:4px;" valign="top"><div class="column_2">
Nội_dung_cột_2
</div>
....

<table><tbody>
<tr><td class="column_1" style="font:12px Tahoma; color:#000000; width:120px;padding:4px;" valign="top"><div class="column_n">
Nội_dung_cột_n
</div>

</td></tr>
</tbody></table>

VD:

He’s angry She’s old He’s as old as I am I’m as old as him It’s not as nice as it used to be It’s not easy

As an added bonus She’s easy going I’m easy going ,too She’s/ I’m/ they’re on leave/ sick leave I’ve already put it on the table

8_ Ảnh rõ hơn khi rê chuột vào 

1. Ảnh có chứa link

<a href="link_liên_kết" target="blank">
<img
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" style="opacity:0.6;filter:alpha(opacity=60)" src="LINK_HÌNH"/>
</a>

2. Ảnh không chứa link

<img
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" style="opacity:0.6;filter:alpha(opacity=60)" src="LINK_HÌNH"/>

VD:


8_Tạo hiệu ứng hiện ảnh khác khi rê chuột vào ảnh 
1. Ảnh có chứa link 

<a href="link_liên_kết" target="blank"><img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" ></a>

2. Ảnh không có chứa link 

<img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" >

VD:


9_Tạo hiệu ứng khi rê chuột vào link liên kết 

<a href="LINK"  target="blank" onmouseover="oldColor=this.style.backgroundColor;this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundColor=oldColor;">NAME_LINK</a>

LINK =  Link liên kết
#eee = Mã màu khi rê chuột lên 
NAME_LINK  = Tên gán cho link liên kết
VD: YOUTUBE

10_Chèn trang HTML vào bài viết (Chèn trang web vào bài viết)

<iframe src="LINK_HTML" height="550" width="600" scrolling=yes frameborder="0"></iframe>

scrolling= yes  = Cho hiện thanh trượt
            = no  = không hiện thanh trượt
frameborder="0" = không viền
                  ="1" = có viền

VD:

Nguồn:caytamgui.blogspot.com