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".
<span style="color:#339966; font:12pt Tahoma; margin-left:12px;">Nội_dung</span> <span style="color:#339966; font-family:Tahoma; font-size:12pt; margin-left:12px;">MIENTAYWAP.BLOGSPOT.COM</span>
#339966 // Mã màu cho chữ
12pt Tahoma // Cỡ chữ và font chữ
margin-left:12px // Số pixel (khoảng cách) chữ thụt vào đầu dòng. Có thể thay left bằng right cho chiều ngược lại
<div style="text-align:center;">Nội_dung</div>
center // Thay center = right cho canh phải
<b>Nội_dung_in_đậm</b> <i>Nội_dung_in_nghiêng</i> <u>Nội_dung_gạch_chân</u> <strike>Nội_dung_chữ_bị_gạch_ngang</strike>
Dấu chấm vô dòng con <ul> <li> Nội_dung1 </li> <li> Nội_dung2 </li> <li> Nội_dung3 </li> </ul> Đánh số đầu dòng <ol> <li> Nội_dung1 </li> <li> Nội_dung2 </li> <li> Nội_dung3 </li> </ol>
<a href="LINK_bài_viết#Tên_gán_cho_vị_trí ">MIENTAYWAP.BLOGSPOT.COM</a>Lưu ý:
<a name="Tên_gán_cho_vị_trí ">MIENTAYWAP.BLOGSPOT.COM</a>
Tên cách nhau không được dùng khoảng trắng mà phải dùng shift gạch. (VD: nhà_xinh)
Tốt nhất không nên dùng chữ có dấu cho tên gán.
- Đến điểm A (<a href="LINK_bài_viết_cụ thể#Diem_A">MIENTAYWAP.BLOGSPOT.COM</a>)
- ...
- Điểm A (<a name="Diem_A">MIENTAYWAP.BLOGSPOT.COM</a>)
1. <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> 2. <embed src="LINK_FLASH" bgcolor="#000000" type="application/x-shockwave-flash" allowscriptaccess="none" width="400" height="400"></embed>
1. Code đơn giản <img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả"/> 2. Code mở rộng <img src="LINK_ẢNH" title="Ghi_chú" alt="Mô_tả" align="bottom" width="400" height="400"/>
Ghi_chú // Khi rê chuột lên ảnh, sẽ hiện chú thích.
Mô_tả // Khi rê chuột lên ảnh, sẽ hiện chú thích.
Sử dụng hai lệnh này thì khi người dùng truy cập blog chọn không hiển thị ảnh thì sẽ hiện dòng chữ này thay cho ảnh đó.
align="bottom" // Vị trí ảnh so với chữ. Có thể đổi thành middle(giữa) - top(trên) - bottom(dưới). Không dùng, để mặc định theo blog chọn sẵn thì xóa nó đi.
<a href="LINK" target="blank">Tên_Link</a>
target="blank" // Mở link liên kết trong một trang mới. Bỏ lệnh này thì trang mới sẽ được mở ngay tại trang đang dùng (nghĩa là trang đang dùng sẽ bị load qua trang link ta vừa click vào). Nếu người dùng có thói quen "Open new tab" thì lệnh này có hay không cũng không khác biệt.
<a href="LINK" target="blank"><img src="LINK_ẢNH"/></a>
<div> <div> <input type="button" value="Xem" style="width:75px; font-size:11px; margin:0px; padding:4px; 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'; }"> </div> <div> <div style="display: none; border:#4F4F4F 1px solid; padding: 4px; background:# "> NỘI_DUNG </div> </div> </div>Ví dụ:
<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
<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> </td></tr> </tbody></table>
</td><td class="column_n" style="font:12px Tahoma; color:#000000;width:120px;padding:4px;" valign="top"><div class="column_n"> Nội_dung_cột_n </div>
<div style="border:#4F4F4F 1px solid; padding: 4px; background:#eee; width:400px;"> NỘI_DUNG </div>
#4F4F4F 1px solid // Lần lượt là: Mã màu - Độ dày đường viền - Loại đường viền.
- solid ______________
- dashed ----------------
- dotted ......................
background:#eee // Nền khung
width:400px // Bề rộng khung. Mặc định là sẽ rộng bằng khung bài viết (nếu bỏ lệnh này đi)
<form name="MyTextBoxForm"><input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all"/> <textarea cols="59" name="MyTextBox" rows="18" wrap="on" style="background:#eee; color:#464646; border:1px #A0C4EA dashed;">NỘI_DUNG_CODE</textarea> </form>
cols="59" // Bề rộng khung chứa code
rows="18" // Số dòng trong khung chứa code
wrap="on" // Trong một dòng, chữ dài quá khung sẽ hiện thanh trượt kéo ngang qua
wrap="off" // Nhiều dòng chữ quá số dòng khung quy định sẽ hiện thanh trượt kéo xuống
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"/>
opacity=0.6 và opacity=60 // Ảnh mờ trước khi rê chuột vào.
Lưu ý: Nếu thay đổi độ mờ thì phải thay đổi cả 4 giá trị.
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 chứa link <img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" >
<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
<iframe src="LINK_HTML" height="550" width="600" scrolling=yes frameborder="0"></iframe>
scrolling=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
Ta có thể dùng lệnh này để chèn bất cứ trang nào dạng HTML (Ví dụ: http://MIENTAYWAP.BLOGSPOT.COM) vào bài viết đều được hết :)
Comments[ 0 ]
Đăng nhận xét