Home » Thủ thuật Blogger
Tạo thanh cuộn trong blogspot
Thứ Năm, 20 tháng 10, 2011
Đâ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.
Để 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.
<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.

- Mẫu đẹp cho bài viết được xem nhiều
- Tạo logo liên kết chạy ngang
- Tạo trang in chuyên nghiệp nhiều tùy chọn cho Blogspot
- Tự động làm mới trang Web/blog và chuyển hướng
- Tùy biến label thành tag cloud giống WP
- K14 - Pro Menu (với hiệu ứng prodown)
- Share 3 template bloger đẹp cho anh em
- 12 cách giảm thời gian load trang cho bloger
- Blogger Templates Vector Responsive
- Tạo iFrame YouTube Màu bạc
- Thêm tác giả, quyền Admin cho blogspot
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
Comments[ 0 ]
Đăng nhận xét