Chia sẻ thủ thuật blogspot - blogger

luat1x1

10/21/2011

Tạo thanh cuộn trong blogspot


Đây là một thủ thuật khá là đơn giản để áp dụng cho blogspot. Tuy nhiên, vẫn có những bạn mới nhập môn nên có thể chưa biết, nên hôm nay mình viết bài này mong rằng nó có ích cho các bạn.
Để làm được như vậy bạn thực hiện như sau:
- Thêm tiện ích -> HTML/Javascript
- Copy đoạn code sau vào rồi chỉnh sửa theo ý mình
- Di chuyển tiện ích tới nơi muốn hiển thị trên blog rồi save lại.
<div class="widget-content">
<div style="border: 0px solid rgb(153, 153, 153); overflow: auto; width: 300px; height: 100px; text-align: left;">

nội dung muốn thêm

</div>
</div>

- Ngoài ra, nếu bạn muốn nội dung bên trong tự động chạy thì có thể thêm như sau:

<div class="widget-content">
<div style="border: 0px solid rgb(210, 210, 210); overflow: auto; width: 300px; height: 100px; text-align: left;">

<marquee direction="up" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center">

nội dung muốn thêm

</marquee>
</div>
</div>

Trong đó cần quan tâm đến dòng direction="up" nếu bạn muốn nội dung chạy từ trên xuống hay sang trái, phải thì thay up thành các giá trị: down, left, right. scrollamount="2" là tốc độ chạy.
Chúc bạn thành cô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