Những Code Thông Dụng Cho Blogspot
Nhằm giúp các blogger mới vào nghề hiểu thêm về code nên hôm nay mình chia sẻ lại một số code thông dụng thường gặp trong quá trình viết bài cũng như thiết kế blog. Hy vọng sẽ giúp ích được cho các bạn.
1. Font, màu chữ, thụt vào đầu dòng (Dùng dòng 1 hay 2 đều như nhau)
#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
center // Thay center = right cho canh phải hoặc = left cho căn tráiNội_dung
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
Nội_dung_chữ_bị_gạch_ngang
4. Dấu chấm vô dòng con, đánh số đầu dòng
Dấu chấm vô dòng con
- Nội_dung 1
- Nội_dung 2
- Nội_dung 3
Đánh số đầu dòng
- Nội_dung 1
- Nội_dung 2
- Nội_dung 3
5. Bookmark đến một vị trí nhanh trong bài viết
Nội_dungLưu ý:
Nội_dung
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 (#Diem_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ảnGhi_chú // Khi rê chuột lên ảnh, sẽ hiện chú thích.
2. Code mở rộng
align="bottom" width="400" height="400"/>
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">Tên_Linktarget="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.
Ví dụ:
- Dùng target="blank" - XEM
- Không dùng target="blank" - XEM
9. Chèn ảnh chứa link
Ví dụ:
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
Nội_dung_cột_2 Thêm cột thì thêm trên dòng đoạn code: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
| Nội_dung_cột_1 |
font:12px Tahoma; color:#000000;width:120px;padding:4px;" valign="top">#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)
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
Ví dụ:
1. Ảnh có chứa link
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í dụ:
1. Ảnh có chứa link
2. Ảnh không chứa link
TEN_LINKLINK // 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
http://www.terocket.com/2011/01/nhung-code-thong-dung-cho-blogspot.html
Nguồn:thcsnguyentriphuong-hoavang.edu.vn Copy link