Quảng cáo bằng văn bản với hiệu ứng tuyệt vời

Mỗi Blogger được lập ra với mục tiêu kiếm được tiền, trang web cũng vậy. Có rất nhiều hình thức kiếm tiền khác nhau được khai thác từ Blog, trang web của bạn: cung cấp dịch vụ, sản phẩm, đặt banner quảng cáo, Google Adsense, đặt một quảng cáo bằng đoạn văn bản (text), hay đơn giản là đặt link liên kết. Vì vậy, hôm nay ITViet360 sẽ tập trung vào quảng cáo ở vị trí trống, những vị trí trống là một tiềm năng lớn. Bạn có thể thêm một hình ảnh / một thông báo ở không gian mà bạn mong muốn để người khác chú ý tới và liên hệ với bạn. Một điều cũng nên lưu ý đó là không làm cho không gian đó trở nên nhàm chán, và thủ thuật dưới đây sẽ giúp bạn cải thiện được bằng việc sử dụng quảng cáo bằng văn bản với hiệu ứng rất tuyệt vời dưới đây.
Tiện ích này được tạo ra hoàn toàn từ CSS và không sử dụng hình ảnh hoặc Javascript. Khi xem DEMO bạn hãy rê chuột tới những chữ có ở demo và bạn sẽ thấy hiệu ứng tuyệt vời đó
Để làm được điều này các bạn hãy xem hướng dẫn thêm tiện ích quảng cáo bằng văn bản với hiệu ứng tuyệt vời dưới đây
Bước 1: Vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript
Bước 2: Dán code dưới đây vào tiện ích vừa thêm
<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{color:#333;text-shadow:1px 1px #000, 3px 3px #EEEEEE, 5px 5px #DDDDDD, 7px 7px #AAAAAA, -1px -1px #000;text-transform:lowercase;-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://seophongvu.com/dich-vu-seo-website-chuyen-nghiep.html" target="blank"><blink>&#8669;</blink> Dịch vụ SEO<br /> Phong Vũ<inf> SEO và nhiều hơn nữa</inf><blink>&#8668;</blink></a></div>

Link màu đỏ bạn thay bằng link bạn muốn quảng cáo nhé!
Lưu tiện ích lại và xem kết quả. Chúc các bạn vui vẻ !
Chuyên mục: , , ,

0 nhận xét:

Đăng một bình luận