Những Code Thông Dụng Cho Blogspot, 9 Đoạn Code Thông Dụng Trong Blogspot

2.LINK_FLASH” bgcolor=”#000000″ type=”application/x-shockwave-flash” allowscriptaccess=”none” width=”400″ height=”400″>7. Chèn hình ảnh (image) vào bài viết 1. Code đơn giản2. Code mở rộngGhi_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 LINK” 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” – XEM9. Chèn ảnh chứa link LINK” target=”blank”>10. Tạo button ẩn hiện 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 khungwidth: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)Select all”/>59″ name=”MyTextBox” rows=”18″ wrap=”on” style=”background:#eee; color:#464646; border:1px #A0C4EA dashed;”>NỘI_DUNG_CODE cols=”59″ // Bề rộng khung chứa coderows=”18″ // Số dòng trong khung chứa codewrap=”on” // Trong một dòng, chữ dài quá khung sẽ hiện thanh trượt kéo ngang quawrap=”off” // Nhiều dòng chữ quá số dòng khung quy định sẽ hiện thanh trượt kéo xuốngVí dụ:Đây là nội dung code không cần mã hóa. Lưu ý: Những hàng enter xuống dòng sẽ có thêm code sau mỗi cuối câu. 15. Ảnh rõ hơn khi rê chuột vào 1. Ảnh có chứa linklink_liên_kết” target=”blank”>2. Ảnh không chứa linkopacity=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ụ:

16. Tạo hiệu ứng hiện ảnh khác khi rê chuột vào ảnh 1. Ảnh có chứa link link_liên_kết” target=”blank”>2. Ảnh không chứa linkVí dụ:

17. Tạo hiệu ứng khi rê chuột vào link liên kết LINK” target=”blank” onmouseover=”oldColor=this.style.backgroundColor;this.style.backgroundColor=”#eee”;” onmouseout=”this.style.backgroundColor=oldColor;”>NAME_LINKLINK // 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ếtVí dụ: ü HOME PAGE18.

Chèn trang HTML vào bài viết (Chèn trang web vào bài viết)scrolling=yes // Cho hiện thanh trượt, ngược lại không dùng thì sữa thành noframeborder=”0″ // Đường viền, 0 là không viềnTa 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 🙂 Ví dụ:- Mình có link HTML là: Color Check- Sau khi chèn vào bài viết sẽ có kết quả thế này: XEMHoặc xem ví dụ cụ thể dưới đây: —————————~o-(^_^)-o~—————————II. MỘT SỐ CODE CHÈN THÊM VÀO CÁC CLASS TRONG TEMPLATE 1. Các loại đường viền | border: 1px #ccc solid; Dashed – – – – – – – – – – – – – – – – -Solid _____________________Dotted ……………………………. 2. 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 3. Thêm các định dạng link vào class/*Link cố định*/a:link { color:#3366ff;text-decoration:none;}/*Link đã xem qua*/a:visited {color:#ccc;text-decoration:none;}/*Link khi rê chuột vào*/a:hover {color:#339966;text-decoration:underline;}4. Tạo bóng đổ và bo tròn 4 góc viền/*Tạo bóng đổ*/box-shadow: 8px 8px 8px #616D7E;-webkit-box-shadow: 8px 8px 8px #616D7E;-moz-box-shadow: 8px 8px 8px #616D7E;/*Tạo bóng đổ 4 cạnh*/box-shadow: 0px 0px 8px #616D7E;-webkit-box-shadow: 0px 0px 8px #616D7E;-moz-box-shadow: 0px 0px 8px #616D7E;/*Bo tròn 4 góc viền*/border-radius:4px; /*Bo tròn tùy chọn: top, right, bottom, left*/border-radius:4px 4px 4px 4px; Thay box thành text cho chữ5. Các loại định dạng list | … ul {list-style-type:none;}none: Không hiển thị đánh dấudisc: Chấm vuông circle: Chấm tròn trắngsquare: Chấm tròn đendecimal: Kiểu số (1,2,3,4,…)lower-alpha: Kiểu Alphabet ở dạng in thường (a, b, c, d, e, …)upper-alpha: Kiểu Alphabet ở dạng in hoa (A, B, C, D, E, …)lower-roman: Kiểu La Mã ở dạng thường (i, ii, iii, iv, v, …)upper-roman: Kiểu La Mã ở dạng in hoa (I, II, III, IV, V, …)/*Link hình thay cho list*/list-style-image:url(“Link_hình”);6. Các vị trí đặt ảnh nền background | background: url(image) repeat ;repeat: lặp ảnhrepeat-y: lặp ảnh theo chiều dọc (từ trên xuống)repeat-x: lặp ảnh theo bề ngang (từ trái qua)no-repeat: không lặptop: đặt ảnh trên mép cùngtop right: đặt ảnh mép trên cùng góc phảitop left: đặt ảnh mép trên cùng góc tráibottom: đặt ảnh mép dưới cùngbottom left: đặt ảnh mép dưới cùng góc tráibottom right: đặt ảnh mép dưới cùng góc phảiright: đặt ảnh bên mép phảileft: đặt ảnh bên mép tráicenter: đặt ảnh ở vị trí giữa—————————~o-(^_^)-o~—————————III. TỔNG HỢP1. Code xem địa chỉ IP, thông tin của máy truy cập blog (Có thể post vào widget bất kỳ ở trên blog)

2. Cách mã hóa code Với ký tự phải đổi thành Với ký tự > phải đổi thành >Với ký tự & phải đổi thành &Với khoảng trắng phải đổi thành Để post các chú thích kí tự trên lên blog được thì: phải đổi thành <> phải đổi thành >& phải đổi thành &3. Các lệnh điều kiện 1. Điều kiện ở trang chủ…2. Điều kiện ở trang bài viết…3. Điều kiện ở trang chủ, trang nhãn…4. Điều kiện ở các trang lưu trữ …5. Điều kiện ở các trang tĩnh …6. Điều kiện ở một trang riêng biệt nào đó URL_của_trang_riêng_biệt””>…Nếu thay == thành != thì kết quả sẽ ngược lại – Nghĩa là sẽ loại trừ trang đặt điều kiện ra và lấy phần ngược lại (các trang còn lại) Ví dụ: Điều kiện loại trừ trang bài viết!= “item””>…4. Thêm chữ ký hay ghi chú dưới mỗi bài viết (Đặt dưới dòng ) Nội_dungNội_dung // Ghi chú nội dung của bạn, có thể dùng hình ảnh, màu chữ, canh lề,v.v..5. Script chèn file .js vào blog 7. Thêm nhanh khung hướng dẫn hay nội quy comment – Tìm đến thẻ – Đôi khi có tên là – Thêm vào sau nó đoạn code sau:Nội dung nội quy comment của bạn