Thêm chức năng thông báo cho blogger !


Hôm nay mình vừa tìm được trên mạng đoạn code này :D cũng khá hay cho Anh em :D nên mình quyết định chia sẽ cho mọi người dùng thử ! Các bạn test đoạn code này nhé ^^

<!-- thông báo -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.notification{height:70px;width:480px;display:block;position:fixed;bottom:10px;left:10px;/*Border Radius*/border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;/*Box Shadow*/-moz-box-shadow:2px 2px 2px #cfcfcf;-webkit-box-shadow:2px 2px 4px #cfcfcf;box-shadow:2px 2px 2px #cfcfcf}
.notification span{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2kYSPxKsR9y2LVgQCQRWSWfSoTeeiSzMXGYoC_4UNclkKcjkmcQg-WlGDhx3DTyaC_Det8iehoRXZbuqmucamEF0zXD0Qt7fC6kwlOVJYlrDRVikxISVg-xKziekcHXQIJVHljPpi9pg/) no-repeat right top;cursor:pointer;display:block;width:19px;height:19px;position:absolute;top:-9px;right:-8px}
.notification p{width:400px;font-family:Arial,Helvetica,sans-serif;color:#323232;font-size:14px;line-height:21px;text-align:left;float:right;margin:10px 15px 0 0;*margin-top:15px;/*for lt IE8*/padding:0;/* TEXT SHADOW */ text-shadow:0 0 1px #f9f9f9}
.warning{border-top:1px solid #fefbcd;border-bottom:1px solid #e6e837;/*Background Gradients*/background:#feffb1;background:-moz-linear-gradient(top,#feffb1,#f0f17f);background:-webkit-gradient(linear,left top,left bottom,from(#feffb1),to(#f0f17f))}
.warning:before{content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJgs2aurknugucNINuwkty53DFFTVw4Pt-9fyH-JIcX2kzvBMD3bC0xV4wAabPbvlC2xm6gCNP1bUgKRW_p-k5zpy6orpO6gex9TR4Pp8983xlemAu0iRRtSGInYyeMoq7OC9FESib1cw/);float:left;margin:15px 15px 0 25px}
.warning strong{color:#e5ac00;margin-right:15px}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){$(&#39;.notification&#39;).hover(function(){$(this).css(&#39;cursor&#39;,&#39;auto&#39;);});$(&#39;.notification span&#39;).click(function(){$(this).parent().fadeOut(800);});});</script>
<div class='notification warning'><span/>
<p><strong>Warning!</strong>Cảm ơn các bạn đã ghé thăm blog của tôi!. Click vào button ở bên phải để tắt.</p></div></b:if>

Và nhân tiện đây các bạn cần thay đổi dòng mình bôi đỏ nhé ^^
Còn ai muốn xem DEMO thì ở blog mình có thêm rồi nhé ^^






Warning!Cảm ơn các bạn đã ghé thăm blog của tôi!. Click vào button ở bên phải để tắt.

None Code

Chia sẽ kiến thức và tư duy sáng tạo của bản thân mỗi ngày cho cộng đồng IT Việt Nam và Thế giới. Chia sẽ thủ thuật lập trình Csharp, Visual Basic, Python, Php, Javascript, Css, Html. Tối ưu hóa Windows, Microsoft, Facebook, Youtube, Chrome...v.v. Và nhiều thứ bổ trợ cho công nghệ lập trình mới nhất.

Đăng nhận xét

Mới hơn Cũ hơn
/* bao tri */