Cách Đóng Khung Bài Viết Trong Blogspot

Trong các bài viết đôi khi cần đóng khung một vấn đề nào đó cho thấy nổi bật
Sử dụng những đoạn CODE sau để chèn vào đoạn văn bản cần đóng khung.
thay đổi thông số theo ý riêng
Làm theo các bước sau:
1- Soạn thảo
2- Chuyển sang soạn thảo với HTML
3- Chèn cặp code vào

Chèn đoạn code trước và sau bài viết

<div style="background: none repeat scroll 0% 0% rgb(238, 238, 238);
border: 1px solid rgb(79, 79, 79);
color: #351c75;
padding: 4px; width: 580px;">CHÈN ĐỐI TƯỢNG
</div>

CÁCH KHÁC

<div style="background-color: #f4f4f4;
border-color: gray;
border-style: solid; border-width: 1px;
cursor: text;
font-family: consolas,'Courier New',courier,monospace;
line-height: 12pt;
margin: 20px 0px 10px;
max-height: 200px;
overflow: auto;
padding: 4px; width: 97.5%;">
<span style="font-size: small;"> BÀI VIẾT CẦN ĐĂNG CHỔ NÀY
</span>
</div> 

Đây là một số code đường viền

Dạng nét liền
<div style="padding: 8px; border: 2px solid #FF1493; word-wrap: break-word;">NỘI DUNG VÀO ĐÂY</div>
Dạng dấu chấm
<div style="padding: 8px; border: 2px dotted #FF69B4; word-wrap: break-word;"> NỘI DUNG VÀO ĐÂY</div>
Dạng nét đứt
<div style="padding: 8px; border: 2px dashed #FF4500; word-wrap: break-word;"> NỘI DUNG VÀO ĐÂY</div>
Dạng nét đôi
<div style="padding: 8px; border: 6px double #8A2BE2; word-wrap: break-word;"> NỘI DUNG VÀO ĐÂY</div>
Dạng đường rãnh
<div style="padding: 8px; border: 10px groove salmon; word-wrap: break-word;"> NỘI DUNG VÀO ĐÂY</div>
Dạng chóp
<div style="padding: 8px; border: 10px ridge salmon; word-wrap: break-word;"> NỘI DUNG VÀO ĐÂY</div>
đổ bóng bên trong
<div style="padding: 8px; border: 10px inset #8FBC8F; word-wrap: break-word;"> NỘI DUNG VÀO ĐÂY</div>
đổ bóng bên ngoài
<div style="padding: 8px; border: 10px outset #8FBC8F; word-wrap: break-word;"> NỘI DUNG VÀO ĐÂY</div>

 

<div style="border-radius: 25px; padding: 8px; border: 2px solid #FF1493; word-wrap: break-word;">NỘI DUNG </div>

<div style="max-height: 150px; overflow: auto; padding: 8px; border: 2px solid #FF1493; word-wrap: break-word;">NỘI DUNG</div>