Bước 1: Tại trang quản trị, các bạn vào Mẫu(Chủ đề) > Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ ]]></b:skin>:
/* Notification Box / kjmagic.blogspot.com */Bước 2: Sử dụng:
@font-face {
font-family: 'Arial';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Arial';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
.message_box {
margin:15px 0;
}
.note {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #FDEBA5;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXK65aU3nOMY1cYyMxsZO0ei-OBSwq4iI74fJnxsUtWFajo8Gkmc0hP9XFJt6bf-R1vf816oIldJ6oS8nqKXfpOplljS9Lu4OWEVnk-BSFtqszW3TU80-CoYQmYay2Pst-pffkTOJ4dIw/s1600/thumb.png) no-repeat scroll 10px center #FEF4C8;
padding:.5em 1em .5em 3em;
}
.announce {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #BEE5F8;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0HqsGiWlbz3Uzq5YMzbhUyJ9MoMwjoyhJJG-qeU67uei90iSw9_fi5dRcss10Gf1lWEgyiN1s21rspvize5TUiOVBxi4d79QR5E1i2LOPomEc9xfrW1O6eKsWpXRDFqrG9UNr4ef5t0je/s1600/speaker.png) no-repeat scroll 10px center #D7EFFB;
padding:.5em 1em .5em 3em;
}
.success {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #DEF1BF;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8hlclkRo8NnZgduIGhZEJhjUlRkgFTlvDh8pJtY9wtjd7oJwDNjVRhwcSQ1qHxxsoZiXHC9InsoW2bLua85fbM2Lvm5-rDgeSPzG3O3M63Gdl4hHN6exxZWbpeE70Qz8jVZMXh8SQDOQs/s1600/tick.png) no-repeat scroll 10px center #E8F6D2;
padding:.5em 1em .5em 3em;
}
.warning {
color:#666;
font-family:"Arial";
font-size:16px;
border:1px solid #FFDBDB;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoERSrf-hdP44wqJfye4RgKqMMKKpPCCOnbn3wV9WPDjwLAb-Y0rJUBHi8g9PRWPG5BIKqeDKgTM9w8lOCmo2_06zNJ9lci14JHuyQBccOrjkR2k260KVUPs1RiAS-rWLWBQeW48K1tm6D/s1600/cross.png) no-repeat scroll 10px center #FFE7E7;
padding:.5em 1em .5em 3em;
}
- Khi cần chèn box vào một bài viết, các bạn sử dụng một trong những đoạn code tương ứng sau:
- Note box:
Text của bạn.
</div>
- Announce box:
Text của bạn.
</div>
- Sucess box:
Text của bạn.
</div>
- Warning box:
Text của bạn.
</div>
Chúc các bạn thành công!
Nguồn:Terocket.com
Không có nhận xét nào:
Đăng nhận xét