Tạo thanh cuộn trong blogspot
Thứ Năm, 20 tháng 10, 2011
Để 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.
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Thủ thuật tạo Slideshow bài viết mới nhất ngoài trang chủ Blogspot
- Tạo popup chỉ xuất hiện một lần duy nhất cho blog
- Thủ thuật tự động gom các Widget trên Blogspot thành các Tab nội dung
- Thủ thuật tạo các nút điều khiển cho Blogspot
Comments[ 0 ]
Đăng nhận xét