Cách tạo Slide trình diễn Banner chạy ngang độc đáo

Với màn trình diễn này có thể giúp ích cho trang Blogspot của chúng ta rất nhiều, chúng ta có thể đăng những quảng cáo, tuyển dụng, chia sẻ, ... Cách làm như sau:

        Từ trang chủ Blogger chọn Bố cục (Layout) => Thêm một tiện ích => HTML/ JAVASCRIPT sau đó dán đoạn code dưới đây vào phần nội dung:

<div style="background: #FFFFFF url(https://i.imgur.com/8bPCgqH.png) no-repeat left; padding-left: 19px; padding-right: 2px; width: 100%;">

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

<a href="https://angiang.edu.vn/" target="blank"><img src="https://i.imgur.com/G6JQ1hm.jpg" style="height: 60px; width: 220px;" /> </a> 

<a href="https://www.hdbmtinhoc.info/" target="blank"><img src="https://i.imgur.com/tj3KNue.jpg" style="height: 60px; width: 220px;" /> </a> 

<a href="http://cdgdangiang.edu.vn/" target="blank"><img src="https://i.imgur.com/p11VKHg.jpg" style="height: 60px; width: 220px;" /> </a> 

<a href="https://moet.gov.vn/Pages/home.aspx" target="blank"><img src="https://i.imgur.com/wQqhEHh.jpg" style="height: 60px; width: 220px;" /> </a> 

<a href="https://thethaovanhoa.vn/" target="blank"><img src="https://i.imgur.com/jqVR1WW.jpg" style="height: 60px; width: 220px;" /> </a> 

</marquee></div>


- Đoạn Code được tô màu đỏ các bạn thay bằng đường link của ảnh có logo của mình.
- Đoạn Code được tô màu tím các bạn thay bằng đường link dẫn đến mục tiêu.
- Và đoạn Code màu xanh các bạn có thể thay thế hình ảnh của mình nhá.

DEMO:

Đăng nhận xét

[blogger]

Biểu mẫu liên hệ

Tên

Email *

Thông báo *

Được tạo bởi Blogger.
Javascript DisablePlease Enable Javascript To See All Widget