Blogger

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:i…

Hung.Pro.VN

Developer Windows

---

• 11/04/2016
• Views

• #Blogger
• #HTML

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/AVvXsEiQKI4b3oZk5_rncsFHpN1kc_AK1wHUBMvvZEl-TigcZSzQpSgpBdyx34hTlHAjbeYLULmOsE9VjAL8w7GVnERWcamGYU1dkDhulNUt9ClSSbp4ot0qLze645nWLLZw9asnEVQiFNf4tRc/) 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/AVvXsEhXvkjQ_6Yb_XI2PeidrWXlC3uQUgFZfTQfA_u6v7HFyoOchVa33vvSoPdt7eshQ3l_uyxk2ZuRhMqUJYqi2fbK3wWz1052t8gr1IA6UJwasWMgcd_sjc2treHVJtit9_zBBKqeiTUnos4/);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.

Previous post

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

Next post

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

Related post

---

Hung.Pro.VN

Nhà thiết kế Web

View Articles

Tôi là admin trang Hung.Pro.VN là một người có đam mê với Blogspot, kinh nghiệm 5 năm thiết kế ra hàng trăm mẫu Template blogpsot như" Bán hàng, bất động sản, landing page, tin tức...

Share this article