Chia sẻ thủ thuật blogspot - blogger

luat1x1

11/17/2011

Hiệu ứng loading cho blogspot

   [ Luat1x1 ] Các bạn chắc cũng đã vào thấy một số blog hay website hiện nay có một hiệu ứng đơn giản mà khá đẹp, đó là hiệu ứng Loading. làn trước minh đã giới thiệu đến các bạn hiệu ứng loading khá đơn giản, có thể xem TẠI ĐÂY, do chưa được đẹp lắm nên hôm nay mình giới thiệu một thủ thuật khác cũng khá đơn giản nhưng đẹp hơn. Bắt đầu thủ thuật:






   Bước 1: Đăng nhập blogger, vào chỉnh sửa HTML.
   Bước 2: Bấm Ctrl-F tìm thẻ      <head>  
   Bước 3: Chèn code dưới đây vào sau thẻ <head> vừa tìm được


<div border="0" style="position:fixed; width: 100%; height: 40px; z-index: 1; top: 300px; left: 0;" id="loading" align="center"> <table border="1" width="150" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#003300"> <tr> <td align="center"> <div border="1" style="background-color: #FFFFFF; filter: alpha(opacity=70); opacity: .7; width: 150px; height: 40px; z-index: 1; border-collapse: collapse;" bordercolor="#006600" align="center"> <b>Đang tải dữ liệu...</b><br><img border="0" src="http://i351.photobucket.com/albums/q463/nguyenthidung/loading.gif"> </div> </td> </tr> </table> </div>


      Bước 4: Thêm code sau vào trước thẻ </body>


<script >window.document.getElementById("loading").style.display = 'none';</script >

        CHÚ Ý:  Nếu code ở Bước 3 làm template của bạn bị lỗi thì bạn có thể sửa bằng cách vào ĐÂY rồi copy code ở Bước 3 paste vào ô phía trên để mã hóa rồi làm bình thường.
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
© 2011 Luat1x1
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top