Tạo Notification Bar cho blog (style 2)

Trước đây mình đã từng chia sẻ cách tạo Notification Bar (thanh thông báo) dành cho Blogger. Notification Bar rất có ích cho blog nếu bạn biết sáng tạo nội dung cho nó. Bài viết này mình sẽ hướng dẫn các bạn tạo một thanh thông báo chuyên nghiệp nằm cố định trên đầu blog. Sau đây là các bước thực hiện thủ thuật:

Bước 1: Tại trang quản trị blog, các bạn vào Mẫu > Chỉnh sửa HTML, chèn đoạn code sau vào trước thẻ ]]></b:skin>:

/* Notification Bar by kjmagic.blogspot.com */
#bloggernotificationWrap{display:none;height:41px;margin:-41px 0 0;padding:0;position:fixed;width:100%;z-index:999999}
#bloggernotification{background:none repeat scroll 0 0 #000;border-bottom:3px dotted #FFF;border-radius:10px 13px 7px 5px;color:#FFF;font-family:arial,sans-serif;font-size:14px;font-weight:bold;height:37px;margin:-30px 5px 5px -1200px;padding-top:7px;position:relative;text-align:center;text-decoration:none;text-shadow:1px 1px 1px #000;width:500%;z-index:9998}
#bloggernotification a{border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,0.35);color:#000;font-family:Calibri,sans-serif;font-size:13.5px;padding:1px 7px;text-decoration:none}
#bloggernotification a:hover{text-decoration:underline}
#bloggernotification img{display:none}

Bước 2: Chèn đoạn code sau vào trước thẻ đóng </body>:

<!--Notification Bar by kjmagic.blogspot.com-->
<div class='openbloggernotification' id='bloggernotificationWrap' style='display:block; margin-top: 0px;'>
<div id='bloggernotification'>
Nội dung thông báo của bạn
</div>  
</div>
<!--/Notification Bar by kjmagic.blogspot.com-->

Bước 3: Lưu lại và xem kết quả.

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