Những Code Thông Dụng Cho Blogspot - Thcs Nguyễn Tri Phương
Scroll To Top
TRANG CHỦ TRANG CHỦ

TRANG CHỦ » WINDOWS » Thủ thuật máy tính » Thủ thuật Blogspot

Những Code Thông Dụng Cho Blogspot

Đăng lúc: Thứ hai - 22/12/2014 12:07 | Người đăng bài viết: admin | Đã xem: 1445 | Phản hồi: 0
Share on twitter
Những Code Thông Dụng Cho Blogspot

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

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
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 
  1.  

  2.  Nội_dung 1
  3.  

  4.  Nội_dung 2
  5.  

  6.  Nội_dung 3 

 5. Bookmark đến một vị trí nhanh trong bài viết

Nội_dung
Nội_dung
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 (#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ản
<span style=
2. Code mở rộng
<span style=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.

 

8. Chèn link liên kết vào bài viết

target="blank">Tên_Link
    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.

Ví dụ:
- Dùng target="blank" - XEM
- Không dùng target="blank" - XEM

9. Chèn ảnh chứa link

Nội_dung_cột_2 Thêm cột thì thêm trên dòng  đoạn code:
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_LINK
     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
 
  
 
 http://www.terocket.com/2011/01/nhung-code-thong-dung-cho-blogspot.html





 Về đầu bài viết
	






Tổng số điểm của bài viết là: 0 trong 0 đánh giá



Click để đánh giá bài viết









Từ khóa: 
hôm nay, 
thông dụng, 
quá trình, 
thiết kế, 
hy vọng, 
giúp ích, 
khoảng cách, 
có thể, 
dấu chấm, 
vị trí, 
lưu ý, 
như vậy, 
lập tức, 
sử dụng, 
liên kết, 
nghĩa là, 
thói quen, 
khác biệt, 
nội dung, 
trực tiếp, 
mãi mãi






Bình luận trên website
Bình luận trên Facebook





















Những tin mới hơn





 

 QUY ĐỊNH THỜI GIAN VÀO LỚP. NĂM HỌC 2015 - 2016
 Xem tại đây
 Download tại đây







                    






Đừng thấy hoa đẹp mà vội tranh
Hoa xinh chưa chắc đã nguyên lành…
Hoa xinh, hoa đẹp… nhiều ong bướm!
Hoa nhiều ong bướm ắt tàn nhanh!

                    















LỊCH CÔNG TÁCღ

























THÀNH VIÊNღ



















LỊCHღ






 
 















VIDEO MỚI NHẤT








[Full HD] Cuộc thi trình diễn pháo hoa quốc tế Đà Nẵng 2015 - Đêm bế mạc 29/4/2015 & trao giải


[Full HD] Cuộc thi trình diễn pháo hoa quốc tế Đà Nẵng 2015 - Đêm bế mạc 29/4/2015 & trao giải

Đã xem: 2541

30/04/2015







Cuộc thi trình diễn pháo hoa quốc tế Đà Nẵng 2015 - Đêm khai mạc 28/4/2015 - Phần 2


Cuộc thi trình diễn pháo hoa quốc tế Đà Nẵng 2015 - Đêm khai mạc 28/4/2015 - Phần 2

Đã xem: 804

30/04/2015







Cuộc thi trình diễn pháo hoa quốc tế Đà Nẵng 2015 - Đêm khai mạc 28/4/2015 - Phần 1


Cuộc thi trình diễn pháo hoa quốc tế Đà Nẵng 2015 - Đêm khai mạc 28/4/2015 - Phần 1

Đã xem: 780

30/04/2015







Hướng dẫn Cài đặt Free Pascal


Hướng dẫn Cài đặt Free Pascal

Đã xem: 1377

04/04/2015







Top 5 con đường nguy hiểm bậc nhất thế giới


Top 5 con đường nguy hiểm bậc nhất thế giới

Đã xem: 1066

03/04/2015

















BẢN ĐỒ HÀNH CHÍNHღ




















TRA CỨUღ














 










THỐNG KÊ TRUY CẬPღ







Đang truy cậpĐang truy cập :
10






Hôm nayHôm nay :
2038




Tháng hiện tạiTháng hiện tại
: 65350




Tổng lượt truy cậpTổng lượt truy cập : 4895506















THĂM DÒ Ý KIẾNღ






Bạn biết http://thcsnguyentriphuong-hoavang.edu.vn qua:





Bạn bè, người thân




Công cụ tìm kiếm (Cốc Cốc, google, Bing...)




Quảng cáo (tạp chí, băng đĩa,...)




Lựa chọn khác









Kết quả

















MỖI LÚC MỘT NỤ CƯỜIღ
































			












		


Trang web hiển thị tốt nhất với trình duyệt
 Coccoc, 
 Firefox, Google Chrome 
và cài Flash Player với độ phân giải 1024x768 pixels  trở lên!


Hỗ trợ thiết bị di động.   Liên hệ kỹ thuật
- Website được thiết kế bởi: Phạm Văn Phương