Code tạo ghi chú (note) đẹp cho blogger/blogspot

Để thêm phần nổi bật cho đoạn văn nào đó hay một chú ý thì bạn cần thêm vào đoạn văn bản được làm nổi bật lên để mọi người chú ý đến nó hơn.

Code info hay note cho blogger

1. Vào bảng điều khiển Blogger
2. Đến "Mẫu" >> "Chỉnh Sửa HTML"
3. Tìm đến đoạn ]]></b:skin>  và thêm đoạn code dưới vào trên thẻ vừa tìm được

.info {
    background: #F8E38D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAN-c5m25ZuFSFRi9jXiN9YQ0UaZY1j5UWQEbCPKXmdiAb_MIKcDHY9YfEtOQ9GOTA7c0eP5_6TKcbgR23hVNS4OrWz4lyK1oqKw4ZSHxcTZfH-OfMr0zf1-sag8T6ep1eDzKgGA0K_JI/s1600/info.png) no-repeat 12px 8px;
    color: #222;
    line-height: 22px;
    min-height: 38px;
    padding: 10px 12px 12px 68px;
    margin: 5px 0;
}

Khi sử dụng trong bài viết bạn sử dụng đoạn code sau:

<div class="info">Đoạn văn muốn nổi bật</div>

Demo:

Chào mừng các bạn đến với Niemstyle.com | Niemstyle.com là blog chuyên viết về các thủ thuật internet, facebok, blogger, softwar và nhiều điều thú vị khác đang chờ bạn khám phá

Goodluck!