Tổng hợp những Code thông dụng cho Blogspot
|
1. Font, màu chữ, thụt vào đầu dòng (Dùng dòng 1 hay 2 đều
như nhau)
Nội_dung
Nội_dung
#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
Nội_dung
center // Thay center = right cho canh phải hoặc = left cho
căn trái
3. Định dạng chữ: Đậm, Nghiêng, Gạch chân, Gạch ngang chữ
Nội_dung_in_đậm
Nội_dung_in_nghiêng
Nội_dung_gạch_chân
4. Dấu chấm vô dòng con, đánh số đầu dòng
Dấu chấm vô dòng con
Đánh số đầu dòng
5. Bookmark đến một
vị trí nhanh trong bài viết
Lưu ý:
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.
Ví dụ:
- Đến điểm A
(Đến điểm A)
- ...
- Điểm A (Điểm A)
Code trong ngoặc là chú thích cho ví dụ.
Như vậy khi ta click chuột vào "Đến điểm A" thì
lập tức lệnh sẽ đưa ta nhảy đến vị trí "Điểm A".
6. Chèn Flash vào bài viết (Chọn loại 1 hay 2 đều được)
1.
type="application/x-shockwave-flash" scale=""
play="true" loop="true"
menu="true">
2.
7. Chèn hình ảnh (image) vào bài viết
1. Code đơn giản
2. Code mở
rộng
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.
8. Chèn link liên kết vào bài viết
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.
9. Chèn ảnh chứa link
10. Tạo button ẩn hiện nội dung
TagName('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'; }">
NỘI_DUNG
11. Chèn nhạc vào bài viết
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'>
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
12. Chia 2 cột, 3 cột, 4 cột
Nội_dung_cột_1
Nội_dung_cột_2
Thêm cột thì thêm trên dòng
đoạn
code:
Nội_dung_cột_n
13. Viền khung một nội dung trong bài viết
NỘI_DUNG
#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)
14. Chèn khung chứa code có thẻ "Select all"
(Không cần mã hóa code)
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
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"/>
2. Ảnh không chứa link
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ị.
Vậy là các anh/chị và các bạn đã sở hữu rất nhiều mã code
tuyệt vời rồi nhé. Nguồn
Không có nhận xét nào:
Đăng nhận xét
Có thể dán Link Photos,Youtube,Nhạccuatui trực tiếp vào ô dưới.