Cách Post Code CSS cho lồng vào 1 Khung - thủ thuật trình bày bài viết

  Cho tới thời điểm này, trong cộng đồng 360yahoo Plus đã có thêm rất nhiều new bloggers, trong đó xuất hiện khá nhiều bloggers có khả năng design và sử dụng các loại Code CSS/HTML rất chuyên nghiệp: anh COollOve, W.Dephia, Chị TRACY, Simplex, Āķīŗå Ťāķěşħĭ (new)...

 Họ có cách trình bày bài viết và share cách sử dụng CODE CSS hay HTML được cho lồng vào 1 khung, nhìn rất gọn gàng và cũng tránh đc việc thiếu CODE trong khi post bài.

Code:

CODE CSS hay HTML sẽ được viết vào đây. DL'BLOg

Vậy cách trình bày như thế nào nhỉ? Tech thấy cái này cần thiết và giúp cho các Bloggers  trình bày bài viết được đẹp hơn, gọn gàng hơn.

CÁCH LÀM:

Rất đơn giản bạn chỉ cần copy đoạn code dưới đây rồi Paste vào trong phần trình bày Mục HTML"BÀI VIẾT MỚI" sau đó chuyển sang dạng viết bài như bình thường là có thể cho đoạn code CSS hay HTML mà mình muốn SHARE cho mọi người rồi.

Code:

<div style="margin-left: 20px; font-family: Courier New,Courier,mono; font-weight: bold; text-align: left;"><font size="2"><span style="text-decoration: underline;">Code:</span><br></font></div><div style="text-align: left;"> </div><table style="border: 2px ridge rgb(0, 102, 255); font-size: 12px; margin-left: 80px; font-family: Courier New,Courier,mono; font-weight: bold; width: 209px; height: 54px;"> <tbody align="left"><tr><td style="padding: 5px;"><font size="2">CODE CSS hay HTML sẽ được viết vào đây.<br><br></font></td></tr></tbody> </table><input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden"><div id="refHTML"></div>

P/s: Bạn có thể tự thay đổi Font chữ, màu sắc, kích cỡ của khung cho phù hợp với đoạn code mà bạn muốn SHARE.

Nếu có thắc mắc gì bạn hãy để lại Comment

By Mr.iTech