Tao khung chua code cho Blogspot

• ten san pham 

dat mua

Tạo khung chứa code cho Blogspot
Mỗi khi viết bài cần chèn code bạn chỉ cần coppy đoạn code đó sau đó Vào HTML bên góc trái phía trên sau đó bấm lại phần Viết để chèn mã code cần chèn nhé 

NỘI_DUNG_CODE

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


[Tổng hợp code hay cho blog] - Code tạo khung chứa văn bản 

Các bạn copy đoạn code dưới đây và dán vào bài viết, thay đổi nội dung văn bản ở dòng chữ "Nhập nội dung ở đây", nếu cần các bạn thay đổi kích thước khung rows, cols (cao, dài)

Mẫu 1:

Demo:

Code chèn:

<textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> Nhập nội dung ở đây 

Mẫu 2:

Demo:

Code chèn:

<textarea cols="42" name="code" rows="2" style="background: #A9F5A9; border: 2px #295F00 dashed; color: #295f00; line-height: 1.5em; padding: 5px;"> Noi dung can them vao</textarea>

Mẫu 3:

Demo:


Code chèn:

<form name="MyTextBoxForm">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all" />
<textarea cols="59" name="MyTextBox" rows="9" style="background: #eee; border: 1px #A0C4EA dashed; color: #464646;" wrap="on">NỘI_DUNG_CODE</textarea> 

Mẫu 4:

Demo:

NỘI DUNG

Code chèn:

<div style="border: 2px solid rgb(0, 0, 255); height: 110px; overflow: auto; width: 400px;">
<div style="text-align: center;">
</div>
NỘI DUNG</div>