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/AVvXsEghawEACzLHpJLIXGjFzNEYr0tmXjf4DcFl7bEJXXzaG17IFBnoCl_EwBmgdJw27roiNMrNEsRDc_TdHugF-8KILi9MJ4R3gU1Nor7zczs7Ghaxkc-eEF9NQAHlYzyP-0-Qym-oV6drRy0/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!
Theme blogspot chia sẻ bởi : Share123 Blogger Templates
Design Blog Hồng
Tham gia cộng đồng Blogspot Việt Nam Cộng đồng Blogspot Việt Nam