Trang chủ >

Tìm kiếm trên diễn đàn

Hướng Dẫn Cách Tăng Trên 3 Slide Với Gói Free

Tham gia : 07/09/2018
Website : dinhcuong235@yahoo.com
dinhcuong235@yahoo.com
Gửi vào lúc : 31/10/2014

Các bạn xem demo tại đây: http://chobaohanh.com/

Thông thường webmienphi sẽ giới hạn số silde cho gói free là 3 nhưng nếu bạn nào vẫn muốn sử dụng nhiều hơn thì có thể áp dụng cách sau đây.

 

Để sử dụng cách này bạn cần làm theo các bước sau:

Bước 1: CODE

- Copy đoạn code sau:

<div class="home_slide" align="center">
<div class="theme-default" style="text-align: left;"><br />
<div id="nivoSlider" class="nivoSlider">
<img title="" src="http://bigbag.vn/files/slide_home/44.jpg" alt="" data-thumb="http://bigbag.vn/files/slide_home/44.jpg" />
<img title="" src="http://bigbag.vn/files/slide_home/45.jpg" alt="" data-thumb="http://bigbag.vn/files/slide_home/45.jpg" />
</div>
</div>
</div>
<link rel="stylesheet" href="modules/test/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript">// <![CDATA[
$(window).load(function() {
    $('#nivoSlider').nivoSlider({'pauseTime': 6000});
    
});
// ]]></script>

 - Mình sẽ giải thích sơ về code trên: trong đoạn code có 2 dòng màu đỏ cứ mỗi dòng tượng trưng cho 1 slide, nếu bạn muốn thêm slide chỉ cần copy xuống và thay thế link ở dòng sau:

<img title="" src="http://bigbag.vn/files/slide_home/45.jpg" alt="" data-thumb="http://bigbag.vn/files/slide_home/45.jpg" />

Cách lấy link từ trang slide: - Cách này cho ai không biết, click phải chọn view ảnh

- Nó sẽ mở ra 1 cửa sổ bạn copy link trên trình duyệt, link sẽ có dạng như sau:

http://chobaohanh.com/files/slide_home/5.jpg?random=436773295

- Đoạn màu đỏ chính là link ảnh

- Copy và dán vào code

<div class="home_slide" align="center">
<div class="theme-default" style="text-align: left;"><br />
<div id="nivoSlider" class="nivoSlider">
<img title="" src="http://bigbag.vn/files/slide_home/44.jpg" alt="" data-thumb="http://bigbag.vn/files/slide_home/44.jpg" />
<img title="" src="http://bigbag.vn/files/slide_home/45.jpg" alt="" data-thumb="http://bigbag.vn/files/slide_home/45.jpg" />
<img title="" src="http://chobaohanh.com/files/slide_home/5.jpg" alt="" data-thumb="http://chobaohanh.com/files/slide_home/5.jpg" />
</div>
</div>
</div>
<link rel="stylesheet" href="modules/test/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript">// <![CDATA[
$(window).load(function() {
    $('#nivoSlider').nivoSlider({'pauseTime': 6000});
    
});
// ]]></script>

 

Bước 2: Tắt Slide đang chạy

- Kéo chức năng slide toàn trang sang trái để xóa nó

Bước 3: Đưa Slide vào trang chủ

- Vẫn ở trang bố cục chức năng, các bạn kéo Box HTML 3 từ trái sang vị trí trên bên phải

 

- Click vào nút Sửa trên Box HTML 3 và dán toàn bộ code bạn vừa chỉnh sửa ở Bước 1

 

- Đừng quên bấm Cập nhật nhé

Quay lại trang và thưởng thức thành quả.

Các bạn tham gia nhóm Cộng đồng Webmienphi.Vn trên FB để cùng chia sẻ kinh nghiệm làm website nha https://www.facebook.com/groups/webienphi.vn/

 

noicuoichantroi@gmail.com
Gửi vào lúc : 31/10/2014

Hay quá anh ơi!! Like

noicuoichantroi@gmail.com
Gửi vào lúc : 31/10/2014

Ngay mai demo ngay


Gửi phản hồi của bạn ( các bạn vui lòng không gửi câu hỏi khác không liên quan đến topic, nếu có câu hỏi mới xin lập topic mới )

VUI LÒNG ĐĂNG NHẬP ĐỂ GỬI PHẢN HỒI

Chat hỗ trợ
Chat ngay
× Khuyến mãi tết