Chủ Nhật, 7 tháng 12, 2014

[Blogspot] - Widget hộp thông báo cho bài viết blogspot

google-vina tháng 12 07, 2014 blogspot , 0 Comments

Hộp thông báo cho bài viết blogspot sẽ giúp bài viết của blog bạn cuốn hút hơn
Notification box cho blogspot là gì ?
Khi bạn viết bài mới cho blog, giống như thẻ quote bạn có thể nhấn mạnh bài viết mình hoặc đơng giản chỉ là 1 thông báo trỏ về link nào đó thì bạn sẽ dùng tới thủ thuật blog này :Notification box

Cách làm Notification box này thế nào ?
Vào blog của bạn chèn code css này trên thẻ <head> nhé .

/* Notification Box / kjmagic.blogspot.com */
@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/AVvXsEjL-xlm0yHQsezoKMnWfpeTtpIh7083UCc3NJ89WyRgZORfgMB9ZxKC-bfyj5MSTGc72ItSX6CuYgYDyea42qtjR9aqRKLsw-DTwFocPmg0gqCeVKWGQUhX7jql1aOYuGrXfm4DkUrUnJAz/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/AVvXsEh1hYitj-SjB8GIAzaCQ-WTlyw6cQ0du3_1qz76TzzhU1Ctamr1bLaKUewmpKZGMVycN-O7RG00EjltvNbsIjBzWELJTsmsZwGny63OnVGV2qI-zjyj2uAvheyzxQYBE7YC-jraXl0hheCh/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/AVvXsEiVfU5e2qszwwybe64ZpCFnWWPBfrDoW3ZkkHwpIgGA31XAEcRW-G444Am2PLsZ9xI0IS-n5Ymtkc9NyzZPr1EarjSfuCa-F99r65zIfT6iAeln5JVQEQ9BQ9kMzqg6fWx-OG4bLj9QZgWz/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/AVvXsEjMSR-kjtHFWCJk1ki5YIe5iVADTFU20z9fjofTMZ6wFsiHVZB25weVOscznz0Kg9Mzp2V_fst4BHIraEyA0ZviTc0ouSolU1NjQkrAUuRErCPAgKq1L-PGsSHSi1UBuOKaC6fJOHzBaPQ7/s1600/cross.png) no-repeat scroll 10px center #FFE7E7;
padding:.5em 1em .5em 3em;
}

Cách sử dụng notification box này thế nào ?
Đơn giản như các code nút download và nút demo cho blog vậy. Khi viết bài bạn cứ việcchọn vào HTML để chèn code html và viết thế này nhé.
Note box: