Hướng dẫn tạo slide ảnh chạy dọc, ngang trong blogspot

Sửa máy tính tại Hải Phòng

Slide chạy ảnh blogspot

Click  xem demo online

Code slide ảnh chạy từ phải qua trái:

<div style="background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgIyWPQMHyMGKHEx8gnPQY3nSXMsmjB9hy9MV-YUpDQRCbswKlYgmRILelEvsC-m9d3GFD5AzhpwXOiIYI3MlAX6I75hiCrEdPD_mEfNGWkiZp-uXMqjA8zcohlWb_AyRJGvh6fyo0xGvO/) no-repeat left; border-top:#999 1px solid; border-bottom:#999 1px solid; padding-left:19px;padding-right:2px;width:100%;"> 

<marquee onmouseout="this.start()" direction="left" behavior="50" scrollamount="5" height="60" onmouseover="this.stop()" scrolldelay="50" width="511"> 

<a href="URL liên kết 1" target="blank" ><img style="width: 220px; height: 60px;" src="link ảnh 1"/> </a> 

<a href="URL liên kết 2" target="blank" ><img style="width: 220px; height: 60px;" src="link ảnh 2"/> </a> 

<a href="URL liên kết 3" target="blank" ><img style="width: 220px; height: 60px;" src="link ảnh 3"/> </a> 

</marquee></div>

 Code slide ảnh chạy từ dưới lên trên:

<center><marquee onmouseout="this.start()" direction="up" behavior="50" scrollamount="3" height="220" onmouseover="this.stop()" scrolldelay="50" width="260">

<a href="link liên kết 1" target="blank" ><img style="width: 235px; height: 190px;" src="link ảnh 1"/> </a><br />Biển hiệu quảng cáo chữ mica lồng inox

 <br />

 <br />

<a href="link liên kết 2" target="blank" ><img style="width: 235px; height: 190px;" src="link ảnh 2"/> </a> <br /> abc <br />

</marquee></center>

P.s: nếu bạn muốn ảnh chạy từ trên xuống có thể thay "up" thành "down" tùy ý

Tweet