Tạo khung viền và thanh trượt một nội dung trong bài viết blogspot

Sau đây mình xin chia sẻ cho các bạn cách tạo khung viền và thanh trượt một nội dung trong bài viết blogspot
1. Tạo khung viền nội dung bài viết
Khi viết bài các bạn chuyển sang dạng HTML và thêm code sau:

<div style="border:#4F4F4F 1px solid ; padding: 4px; background:#eee; width:400px;">
NỘI_DUNG
</div>

#4F4F4F 1px solid // Lần lượt là: Mã màu - Độ dày đường viền - Loại đường viền.
       - solid ______________
       - dashed ----------------
       - dotted ......................
    background:#eee // Nền khung
    width:400px // Bề rộng khung. Mặc định là sẽ rộng bằng khung bài viết (nếu bỏ lệnh này đi)

2. Tạo khung viền và thanh trượt nội dung bài viết 

 Ảnh minh họa - Tạo khung viền và thanh trượt nội dung bài viết

Cũng giống như tạo khung viền chuyển sang dạng HTML và thêm code

<div style="border: 1px solid orange; color: aqua; margin: 10px 0; padding: 10px; text-align: left; height: 400px;
width: 620px;
overflow:auto;">
Nội dung
</div>

Bạn thay đổi các dòng lệnh màu đỏ theo ý của mình, trong đó:

border 1px: độ rộng của khung

orange: màu của khung (bạn có thể thay red, white, yellow, black, pink, blue, green....)

aqua: màu của chữ (tương tự màu khung, bạn có thể thay red, yellow, orange, white, black, green, blue, pink...)

height: độ cao của khung (nếu vượt qua độ cao này sẽ có thanh trượt xuất hiện bên phải của khung)

Width: độ rộng của khung

Tiếp sau đó, bạn bấm vào thẻ VIẾT (cạnh thẻ HTML phía trên lúc nãy) để quay về viết bài như bình thường, cuối cùng bấm xuất bản và chiêm ngưỡng bài viết của mình nha. 

Rất đơn giản phải không nào 

Chúc các bạn thành công!