HD
Tạo khung hình ảnh Widget chạy từ dưới lên
- Đăng bởi:
- Mạnh Cường - 08:46
- Hình ảnh hiển thị bên widget sẽ chạy từ dưới lên trên, nhìn khá bắt mắt và thu hút sự chú ý. Mình thấy cái này khá hợp nếu như bạn bán sản p...
1 Tỷ
1 lượt
N/A
2
6
Tắt Quảng Cáo
Bấm vào để gửi phim này cho bạn bè cùng xem !
Hình ảnh hiển thị bên widget sẽ chạy từ dưới lên trên, nhìn khá bắt mắt và thu hút sự chú ý. Mình thấy cái này khá hợp nếu như bạn bán sản phẩm, hình ảnh sẽ không cố định mà liên tục thay đổi.
Code:
Khá đơn giản, bạn chỉ cần vào Bố cục của Blogspot sau đó tạo HTML/Javascript rồi paste đoạn code bên trên vào. Nhớ chỉnh sửa hình ảnh cũng như đường dẫn của Link nhé!!
Bạn điều chỉnh các nội dung sao cho phù hợp:
- height="200": Chiều cao của khung ảnh chạy
- "Your link": Thay bằng link bạn muốn liên kết đến
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWp-pmpOySkIcQ7hftKzgcLpBGFItg-3xGVzGsCt_O36RHdZeso96OairyOXGwOTqpmQWxQev3A-R8w73xDpKsXnUdLBeT1fk-aCJKxtQktBxJHn5vQemkJaiNXWziRti5KLvT6Gk6JgCQ/s1600/google-drive.jpg: Thay hết bằng hình ảnh bạn muốn hiển thị.
Code:
<marquee height="200" direction="UP" scrolldelay="5" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">Cách sử dụng:
<a href="Your link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn7l8mxAjJnJg0lEfNPF-VI0hI2eUfXaeGgfruolbKTmxCMvmPXGtXzZ2uvCdJCzmQ7U8rzdZTzYNHYnl3kfjzmxgFH0iL6XmdTcEen14BY1ef4RaULu6IYy2aq3_zY_czJlZID8UQLqI/s1600/tomato.jpg" width="290" height="250" />
<a href="Your link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWp-pmpOySkIcQ7hftKzgcLpBGFItg-3xGVzGsCt_O36RHdZeso96OairyOXGwOTqpmQWxQev3A-R8w73xDpKsXnUdLBeT1fk-aCJKxtQktBxJHn5vQemkJaiNXWziRti5KLvT6Gk6JgCQ/s1600/google-drive.jpg" width="290" height="150" /></a>
<a href="Your link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjn7l8mxAjJnJg0lEfNPF-VI0hI2eUfXaeGgfruolbKTmxCMvmPXGtXzZ2uvCdJCzmQ7U8rzdZTzYNHYnl3kfjzmxgFH0iL6XmdTcEen14BY1ef4RaULu6IYy2aq3_zY_czJlZID8UQLqI/s1600/tomato.jpg" width="290" height="250" />
</a>
<a href="Your link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWh_GHytmtIkA2xqXXHI-vg7rQt24wCT_Cyy8lpMH7G6UTy0L1wajQxbUYVSoCboEbkIKhWOndCgP8BP-xHSvo5okDd84E_FtLiClEUvR5hQ8-EFDO8RMuSjkqfWQi5xdrzh6oZ-tpSA4/s1600/15.JPG" width="290" height="250" />
</a>
</marquee>
Khá đơn giản, bạn chỉ cần vào Bố cục của Blogspot sau đó tạo HTML/Javascript rồi paste đoạn code bên trên vào. Nhớ chỉnh sửa hình ảnh cũng như đường dẫn của Link nhé!!
Bạn điều chỉnh các nội dung sao cho phù hợp:
- height="200": Chiều cao của khung ảnh chạy
- "Your link": Thay bằng link bạn muốn liên kết đến
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWp-pmpOySkIcQ7hftKzgcLpBGFItg-3xGVzGsCt_O36RHdZeso96OairyOXGwOTqpmQWxQev3A-R8w73xDpKsXnUdLBeT1fk-aCJKxtQktBxJHn5vQemkJaiNXWziRti5KLvT6Gk6JgCQ/s1600/google-drive.jpg: Thay hết bằng hình ảnh bạn muốn hiển thị.
