▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO KHUNG CHỨA CODE TRONG BÀI ĐĂNG

Đa phần các tiện ích dùng cho Blog đều sử dụng các mã code đặc thù riêng của nó, các mã code này đa số đều phức tạp và dài dòng, do đó nếu bạn thường xuyên chia sẻ các mã code này trên blog thì bạn nên gom nó vào khung chứa code riêng cách biệt với chữ viết trong bài đăng để cho thao tác copy của khách tham quan được thuận tiện hơn và ít nhầm lẫn hơn.
Bạn vẫn đăng bài như bình thường, đến đoạn nào bạn muốn chèn khung chứa code vào thì bạn bấm Enter để xuống dòng, sau đó bấm vào thẻ "chỉnh sửa HTML" trên góc phải của trang đăng bài để chuyển qua mã HTML.


 Sau đó bạn dán tất cả các code này vào phía dưới chữ </div>

<div style="border-right: gray 1px solid; padding-right: 4px; padding-left: 4px; font-size: 8pt; border-top: gray 1px solid; padding-bottom: 4px; margin: 20px 0px 10px; overflow: auto; border-left: gray 1px solid; width: 97.5%; cursor: text; max-height: 200px; line-height: 12pt; padding-top: 4px; border-bottom: gray 1px solid; font-family: consolas, &#39;Courier New&#39;, courier, monospace; background-color: #f4f4f4">
  <pre style=
"padding-right: 0px; padding-left: 0px; font-size: 8pt; padding-bottom: 0px; margin: 0em; overflow: visible; width: 100%; color: black; border-top-style: none; line-height: 12pt; padding-top: 0px; font-family: consolas, &#39;Courier New&#39;, courier, monospace; border-right-style: none; border-left-style: none; background-color: #f4f4f4; border-bottom-style: none">nội dung bạn muốn nhập</pre>
</div>

Sau khi dán tất cả các code trên vào phía dưới chữ </div>, bạn bấm lại vào thẻ "Viết" trên góc phải của trang đăng bài để quay lại bài viết như bình thường, bây giờ bạn sẽ thấy 1 ô nhỏ có chữ "nội dung bạn muốn nhập" trong một khung nhỏ, đến đây bạn có thể gõ các code mình muốn hiển thị vào ô nhỏ này là xong.
Bạn cũng có thể tạo khung với màu nền khác: màu nền xanh, màu nền đen
Chúc các bạn thành công.

10 nhận xét:

kimduccz nói...

Code ngắn thì được, chứ Code dài là em không có chia sẻ đâu đấy, tốn diện tích lắm hihi...

Vũ Hào nói...

Em làm được ngay anh ơi!
Zui wá! Cảm ơn anh nhìu nha!

Admin nói...

Mình rất cám ơn bạn. Nhờ bạn hướng dẫn mà mình sáng ra rất nhiều. Mong bạn có nhiều cái hay và cùng chia sẻ

dungheineken nói...

Cám ơn bạn đã ghé thăm, tôi sẽ cố gắng nhiều hơn nữa để không phụ lòng các bạn

hoc lam giau nói...

bạn có thể tạo được một khung chứa một đoạn code để bên cạnh các tiện ích của blog không vậy ?

dungheineken nói...

Bạn nói rõ hơn đi, mình chưa hiểu câu hỏi của bạn

shill nói...

Anh ơi em hỏi cái này hơi bị ko liên quan một tí nhưng do em ko biết hỏi ở đâu nên đành hỏi ở đây vậy, sr anh trước nhé :-S
Mấy tiện ích bên phải/trái màn hình ý ạ, làm sao để đóng khung lại được giống như anh vậy? Bên blog của em nó cứ chạy lung tung chả có hàng lối gì cả nhìn rất rối mắt, cũng ko gọn gàng nữa, nếu được anh hướng dẫn giúp em với, em cảm ơn anh nhiều nhiều :P
p/s: Bị bấn blog của anh rùi ạ, chắc em vẫn còn ra vào thường xuyên, hi vọng chủ nhà ko phiền :D

dungheineken nói...

Cái này tuỳ thuộc vào giao diện blog mà em đang sử dụng, nếu muốn các tiện ích đóng khung thì em chọn giao diện nào có sẳn thì áp dụng cho blog của mình.
Anh phải cám ơn em vì đã ghé tham quan và ủng hộ dunghennessy, chứ sao lại phiền

Thư viện Thủ thuật nói...

rat mong duoc trao doi lien ket cung ban, xin ban hay ghe tham: http://thuvienthuthuat.blogspot.com/2010/07/trao-oi-lien-ket-logo-thu-vien-thu.html

dungheineken nói...

Tôi đã add liên kết của Thư viện thủ thuật rồi đó...
Bạn add liên kết dunghennessy vào trang của bạn đi...
Hợp tác vui vẻ!!!

Đăng nhận xét

 
Powered by by: Blogger