|
Những Code Thông Dụng Cho Blogspot1. Font, màu chữ, thụt vào đầu dòng (Dùng dòng 1 hay 2 đều như nhau)
<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;">Nội_dung</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. 2. Canh giữa, canh phải
<div style="text-align:center;">Nội_dung</div> |
3. Định dạng chữ: Đậm, Nghiêng, Gạch chân, Gạch ngang chữ
<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>
4. Dấu chấm vô dòng con, đánh số đầu dòng
Dấu chấm vô dòng con <ul> <li> Nội_dung 1 </li> <li> Nội_dung 2 </li> <li> Nội_dung 3 </li> </ul> Đánh số đầu dòng <ol> <li> Nội_dung 1 </li> <li> Nội_dung 2 </li> <li> Nội_dung 3 </li> </ol>
5. Chèn Flash vào bài viết
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>
6. Chèn hình ảnh (image) vào bài viết
|
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"/> |
7. Chèn link liên kết vào bài viết
|
<a href="LINK" target="blank">Tên_Link</a> |
8. Chèn ảnh chứa link
|
<a href="LINK" target="blank"><img src="LINK_ẢNH"/></a> |
9. 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: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> |
10. Chèn nhạc vào bài viết
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 auto // Không tự play auto // Play ngay khi web tải xong |
<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> |
11. Chia 2 cột, 3 cột, 4 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></td></tr></tbody></table> |
Thêm cột thì thêm trên dòng </td></tr> đoạn code:
|
</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> |
12. Viền khung một nội dung trong bài viết
|
<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)
- 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)
13. Tạo nút Spoiler ẩn hiện nội dung trong blogspot
<div style="text-align:center"><div><div> <input 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';}" style="font-size:11px;margin:0;padding:4px;width:75px" type="button" value="Xem" /> </div><div> <div style="background:#;display:none;padding:4px"> Nội dung </div></div></div></div>
14. Chèn khung chứa code có thẻ "Select all" (Không cần mã hóa code) |
<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 15. Ả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"/>
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ị. |
|
16. 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 chứa link
<img onmouseover="this.src='LINK_HÌNH_THAY_THẾ'" onmouseout="this.src='LINK_HÌNH'" src="LINK_HÌNH" > |
|
17. Tạo hiệu ứng khi rê chuột vào link liên kết
LINK // Link liên kết
#eee // Mã màu khi rê chuột lên TEN_LINK // Tên gán cho link liên kết |
<a href="LINK" target="blank" onmouseover="oldColor=this.style.backgroundColor;this.style.backgroundColor='#eee';" onmouseout="this.style.backgroundColor=oldColor;">TEN_LINK</a> |
18. 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, 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://abc.html) vào bài viết đều được hết :)
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://abc.html) vào bài viết đều được hết :)
19. Các loại đường viền | border: 1px #ccc solid;
Dashed - - - - - - - - - - - - - - - - - Solid _____________________ Dotted ..................................
20. Các kiểu định dạng chữ | text-decoration:none;
none (Không định dạng) underline (Gạch đích) overline (Gạch trên đầu) line-through (Gạch ngang chữ) blink (Chớp chớp) inherit
|
Code In trang
Code quảng cáo
Code share
Code đếm số lượt tải
yourfile.rar ( đã tải : lần )
https://sharecodeweb.maytinhhtl.com/code-tao-bang-thong-bao-moi-nhat.html
Code tit chay WelCom To....
Code tạo bộ đếm chuyển link