Code tạo khung cho các đoạn trích dẫn ,ghi chú ,code ...cho blog

Hướng dẫn tạo khung cho các đoạn trích dẫn, ghi chú,code cho blogspot

Khi viết blog sẽ có những điều chú ý ,trích dẫn hay những đoạn code mà bạn muốn chia sẻ để người đọc có thể thấy nội dung đó một cách rõ ràng không rối mắt thì bạn cần tạo khung cho nó .Việc tạo khung không chỉ để người đọc thấy nội dung cần tìm nhanh nhất nó còn tạo nên vẻ đẹp, vẻ chuyên nghiệp cho trang của bạn .Từ đó nó sẽ quyết định việc người đọc có muốn đọc bài viết của bạn hay không .

Dưới đây mình sẽ hướng dẫn các bạn tạo khung :

Khung mẫu :
Đây là khung mẫu

Để tạo khung trên các bạn chỉ cần tạo bài viết mới >>HTML >>>copy đoạn Code dưới đây vào :

<form name="MyTextBoxForm">
<input name="button" onclick="javascript:this.form.MyTextBox.focus();this.form.MyTextBox.select();" type="button" value="Select all" />
<textarea cols="60" name="MyTextBox" rows="4" style="background: rgb(238, 238, 238); border: 1px dashed rgb(160, 196, 234); color: #464646; height: 68px; margin: 2px; width: 662px;" wrap="on">
Đây là nội dung hiển thị 
</textarea> </form>


Một số thông số của khung :
<Các bạn thay đổi cho phù hợp >

• Cols : Là chiều dài của khung
• Rows : Là số hàng khung hiển thị
• Border : Độ dày đường viền khung
• Wrap : Cho phép thanh cuộn nếu nội dung quá dài so với số hàng của khung         

            - On : Cuộn theo chiều lên xuống        
            - Off : Cuộn trái - phải

Như thế là xong .Hãy áp dụng cho blog để tạo nên bài viết đẹp và chuẩn nhé .
Chúc các bạn thành công !!!