Share code thông báo giống như Bongngo.Vn cho blogger

Demo :

Hoặc các bạn có thể vào trang BỎNG NGÔ và nhìn phía bên phải màn hì.nh sẽ thấy code thông báo như thế, ở đây mình áp dụng cho blogger của mình.

+ Hướng dẫn :

Đầu tiên vào Chỉnh sửa HTML (Edit HTML) thêm đoạn code bên dưới vào trước thẻ đóng ]]></b:skin>

.note_block {
display: block;
background: #ecdc91;
padding: 15px 10px;
position: relative;
margin-bottom: 15px;
} .note_block h2, .note_block div.h2 {
display: block;
margin-bottom: 10px;
color: #000000;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif; } .note_block p {
display: block;
margin-bottom: 5px;
color: #000000;
font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
.note_block p strong {
color: #000000;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.note_block p a {
color: #000000;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

.note_block p a:hover {
color: #ff0000;
text-decoration: underline;
} .note_block p span {
color: #ff0000;
font-weight: bold;}span.note_block_arr {position: absolute;width: 52px;height: 47px;right: 5px;top: -15px;}

Tiếp đến bạn vào Bố cục rồi thêm tiện ích HTML/JavaScript sau đó dán code này vào :

<div class="site_right"><div class="note_block">
<span class="note_block_arr"><img width="52" height="47" src="https://lh3.googleusercontent.com/-xXovL8sa2yw/VQ10RQL3R3I/AAAAAAAAjl4/OJBQlXt3evI/w52-h47-no/NeedleLeftYellow.png" alt="" /></span>
<div class="h2">TIP DÀNH CHO BẠN YÊU PHIM</div>
<p>
1. Share bộ phim bạn yêu thích lên facebook/G+ ở chế độ public để nhận code xem phim miễn phí.

Chi tiết <a target="_blank" href="https://www.facebook.com/notes/b%E1%BB%8Fng-ng%C3%B4/xem-phim-mi%E1%BB%85n-ph%C3%AD-c%C3%B9ng-b%E1%BB%8Fng-ng%C3%B4/450673148413820">tại đây</a>
</p>
<p>
2. Tham gia sự kiện trên fanpage Bỏng Ngô để nhận 500 gói VIP tuần miễn phí.

<a target="_blank" href="https://www.facebook.com/bongngo.vn/photos/a.216945705119900.1073741836.215143448633459/448013155346486/?type=1&amp;theater">
Chi tiết
</a>
</p>
<p>
3. Bạn có thể <a href="javascript:void(0)" onclick="jAccount.Register.loadForm();">ĐĂNG KÝ </a> gói VIP để tắt quảng cáo khi xem phim.
</p>
<p><strong>Chúc các bạn xem phim vui vẻ!</strong></p>
<div style="clear: both"></div>
</div></div>

Sửa lại các chú thích mà bạn thấy hợp lý.