Tạo hộp thông báo cho blog

Cách hay đây: http://www.thuthuatpro.info/2013/01/them-khung-thong-bao-chu-y-cho-blogger.html

Khi Blog của bạn có gì mới mẻ, có thay đổi cái gì hay bạn muốn thông báo tới độc giả và gây chú ý với họ thì thủ thuật sau sẻ giúp ích cho các bạn rất nhiều,nó làm nổi bật nội dung thông báo của bạn mà ảnh hưởng tới độc giả vì họ có thể click chuột để tắt thông báo này đi ngay lập tức.

<script>
function closeBox(toClose) {document.getElementById(toClose).style.display = "none";setCookie(toClose, "closed", 20);}
function setCookie(cName, value, expiredays) {var expDate = new Date();expDate.setDate(expDate.getDate()+expiredays);document.cookie=cName + "=" + escape(value) + ";expires=" + expDate.toGMTString();}
function loadMsg(msgClass) {msg = document.getElementsByTagName("div");for (i=0; i<msg.length; i++){if(msg[i].className == msgClass) {if(document.cookie.indexOf(msg[i].id) == -1) {msg[i].style.display = "block";}}}}
window.onload=function(){loadMsg('msgbox'); }</script>
<style>
div.guestwarn {background:#000000;color:#FFFFFF;max-width:280px;min-height:18px;padding:0 5px 3px;position:fixed;right: 2%;
top: 50%;padding: 10px 15px;position: fixed;z-index: 10;font-size:12px;-moz-border-radius: 8px; -webkit-border-radius: 8px; filter:alpha(opacity=88);
-moz-opacity:.88; opacity:.88; -moz-box-shadow:5px 5px 5px #191919; -webkit-box-shadow:5px 5px 5px #191919; box-shadow:5px 5px 5px #191919;}
.close {float: right;background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2oHxMl3BdeAe3WotDC_YG1KQWNt5BA5Dy9vIgLIBYmThUDB29d1gL4Jcnj1MZy0rRePnGKXk6fqodUbamxpdCtB8WXdw80w1TZ_tjFnVxUIuKjbwsfoPSC1yx-o0h23VlWHX5dgKapFI_/s1600/close.png);width: 22px;height: 22px;}</style> <div id="message-1" class="msgbox" style="display: none;"><div class="guestwarn"><a href="#" class="close" onclick="closeBox('message-1'); return false;" title=""></a>
Wellcome
</div></div>

• # 000000 là màu nền của khung chú ý-thông báo, trong ví dụ này là màu đen, bạn có thể thay đổi nó với các màu sắc mà bạn thích, bạn có thể tham khảo bảng màu tại đây.
• # FFFFFF là màu chữ hiển thị
• Thay "Wellcom" thành từ bạn muốn hiển thị.
• 50% là khoản cách từ bảng thông báo tới Top
• 2% là khoản cách tính từ bên phải sang tới khung chú ý .bạn có thể thay đổi tăng phần trăm lên cho phù hợp với bạn.

Sử dụng thủ thuật đơn giản này bạn chỉ cần thêm tiện ích HTML/JavaScript có trong phần bố cục. 

• Layout ( Bố cục) >> Add a Gadget ( Thêm tiện ích) >> HTML/JavaScript >> Oki
• Nếu muốn khi nào cũng xuất hiện thì xóa dòng sau if(document.cookie.indexOf(msg[i].id) == -1)

Read more: http://www.thuthuatpro.info/2013/01/them-khung-thong-bao-chu-y-cho-blogger.html#ixzz2qgYPoklO

Cách 1.http://www.thietkeblogger.net/2013/06/popup-thu-thuat-tao-popup-hien-len-canh-bao-blogger.html
Cách 2 http://hoithanhkienbai.blogspot.com/2013/08/tao-hop-thoai-thong-bao-cho-blog.html
Cách 3 http://cdqtkd5a.blogspot.com/2012/06/tao-thong-bao-cho-blogspot-kieu-2.html