Tạo dòng chữ quảng cáo với hiệu ứng khá bắt mắt cho Blogger

       Hôm nay mình sẽ giúp các bạn thay những đoạn text buồn tẻ trên Web/Blog bằng hiệu ứng khá đẹp khi rê chuột vào :)) .Vẫn là phong cách cũ của mình, hiệu ứng này chỉ sử dụng thuần CSS để không ảnh hướng đến chất lượng load trang.

Các bạn xem Demo dưới đây để rõ hơn ^^

⇝ Liên hệ với mình qua facebook ⇜

Các bạn thêm đoạn code này vào trang Web hoặc Widget của Blogger :

<style>
#text{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);color:#FFF!important;font-family:arial;font-size:60px;font-weight:300;letter-spacing:-5.5px;line-height:45px;text-align:center;margin:20px 10px}
#text a{text-decoration: none;color:#333;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 7px #AAAAAA, -1px -1px #000;-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0}
#text a:hover{-moz-transition:all .3s ease-in 0;-webkit-transition:all .3s ease-in 0;-o-transition:all .3s ease-in 0;-kmoz-transition:all .3s ease-in 0;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 100px transparent, -1px -100px transparent;color:transparent}
inf{color:#d2a}
#text a:focus,#text a:active{color:#eee!important;-moz-transition:all 0 ease-in-out!important;-o-transition:all 0 ease-in-out!important;-kmoz-transition:all 0 ease-in-out!important;-webkit-transition:all 0 ease-in-out!important}
</style>
<div id="text" class="rent"><a href="http://fb.com/yagarai" target="blank"><blink>&#8669;</blink> Liên hệ với mình qua <inf>facebook </inf><blink>&#8668;</blink></a></div>

Các bạn thay đổi những dòng màu đỏ cho phù hợp.