Tạo khung "Nổi bật" làm đẹp cho nội dung bài viết blogspot

Chào các bạn, khi làm web, tôi luôn đặt thẫm mỹ lên hàng đầu. Để bài viết đẹp hơn, Ibiet xin chia sẻ với các bạn bài viết hướng dẫn cách Tạo Khung" Nổi bật" làm đẹp cho nội dung bài viết blogspot. như hình dưới

Tạo Khung" Nổi bật" làm đẹp cho nội dung bài viết blogspot

Làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho bài viết blogspot.Code làm đẹp cho nội dung bài viết blogspot.Làm đẹp cho phần cần nhấn mạnh - phần quan trọng trong nội dung bài viết

Làm đẹp cho phần cần nhấn mạnh - phần quan trọng trong nội dung bài viết

Bước 1 : Đăng nhập blogspot => Mẫu (Template) => Chỉnh sửa HTML

Rồi tìm đoạn code sau :  ]]></b:skin> rồi dán các đoạn code dưới đây

Bạn thêm đoạn code này lên trên phần ]]></b:skin>

.noibat {
background-color:#C0E9FA;
background-position:30px 20px;
background-repeat:no-repeat no-repeat;
border:3px dashed #0E7FAD;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
box-sizing:border-box;
color:#000;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;
line-height:24px;
margin:20px 10px;
outline:none;padding:10px;
}

Bạn lưu lại vậy là xong bước 1

Bước 2 : Cần chú ý khi viết bài
- Bước này là bước bạn thao tác khi viết bài . Khi bạn viết bài thì bạn đơn giản chuyển dạng soạn thảo văn bản từ dạng Viết sang dạng HTML rồi bao phần nội dung cần gây chú ý vào thẻ:

 <div class="noibat"> Nội dung cần làm nổi bật </div>

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