▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

TẠO SLIDESHOW ẢNH (Kiểu 3)

Bài trước, tôi đã giới thiệu cho các bạn cách tạo slideshow ảnh kiểu 1 (Xem TẠI ĐÂY), kiểu 2 (Xem TẠI ĐÂY). Tiếp tục bài này tôi xin giới thiệu thêm cách TẠO SLIDESHOW ẢNH (kiểu 3).
Ở kiểu 3 này, các ảnh này sẽ được trình diễn "chạy" từ trên xuống hoặc từ dưới lên, khi bạn rê chuột vào thì ảnh sẽ "dừng" lại và hiện ra dòng chú thích nhỏ cho ảnh. Khi bạn bấm vào "nó" sẽ dẫn bạn đến trang liên kết mà bạn muốn.
Mời bạn bấm vào Xem thử phía dưới để thấy rõ kiểu SLIDESHOW này.






Xem thử


Bạn chỉ cần đăng nhập vào Blog > Chọn Thiết kế > Thêm tiện ích HTML (đối với các bạn đang sử dụng giao diện blogspot mới thì đăng nhập vào Blog > Chọn Bố cục > Thêm tiện ích HTML) rồi dán đoạn code phía dưới vào.


<div class="content"><div class="panel"><div class="panel-content" id="sidebar_download" style="display: block"><center><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4" direction="up" scrolldelay="10" hight="150" valign="baseline" width="240" height="400">
<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/05/anh-ong-cac-loai-chim.html"> <img border="1" src="http://4.bp.blogspot.com/-9c00fxNMg8s/T75POkk8fSI/AAAAAAAAajE/Z60c009iuZ0/s1600/0004.gif" width="240" height="320"title="Các loại chim" /></a></div>
<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/05/anh-ong-ghe-thuyen.html"> <img border="1" src="http://1.bp.blogspot.com/-SPBwqpjHFZE/T6KCRS4O0ZI/AAAAAAAAZMo/ZLu3hcwAv28/s1600/0002.gif" width="240" height="320"title="Ảnh động ghe thuyền" /></a></div>
<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/04/anh-ong-con-ca.html"> <img border="1" src="http://4.bp.blogspot.com/-GJca6C1U-b0/T4606dRiGQI/AAAAAAAAX_U/Pv0xX0khJ2o/s1600/0024.gif" width="240" height="320"title="Ảnh động cá các loại" /></a></div>
<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/04/bao-su-tu.html"> <img border="1" src="http://3.bp.blogspot.com/-dUamMnyDL0E/T3r1cubUHZI/AAAAAAAAWlk/kN7UsTBpSWc/s1600/0026.gif" width="240" height="320"title="Ảnh động báo và Sư tử" /></a></div>

<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/04/anh-ong-trai-tim-phan-2.html"> <img border="1" src="http://2.bp.blogspot.com/-lMVuy9pr168/T3aCso4uthI/AAAAAAAAWKA/0bxFXtBkYKU/s1600/0179.gif" width="240" height="320"title="Ảnh động trái tim" /></a></div>
<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/03/background-hoa-van.html"> <img border="1" src="http://1.bp.blogspot.com/-TbHJ8PVeGk4/T2cyndEQSKI/AAAAAAAAUSk/avPHOuIYGWQ/s1600/0008.gif" width="240" height="320"title="Background hoa văn" /></a></div>
<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/03/anh-ong-ngon-nen.html"> <img border="1" src="http://1.bp.blogspot.com/-IgvZBClxQzw/T2GuKdIhiVI/AAAAAAAARVU/y907xkIbMGY/s1600/0042.gif" width="240" height="320"title="Ảnh động ngọn nến" /></a></div>
<div><a target="_blank" href="http://anhdepblog.blogspot.com/2012/03/anh-ong-cac-loai-hoa.html"> <img border="1" src="http://4.bp.blogspot.com/-rUd2xzUefPk/T2NHNlqA4EI/AAAAAAAASNk/l7u2g1QGkUc/s1600/0037.gif" width="240" height="320"title="Các loại hoa đẹp" /></a></div>
</marquee></center> </div></div></div>


Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ (link ảnh), màu xanh (link liên kết), màu vàng (độ rộng và chiều cao của ảnh), title (chú thích cho ảnh) theo ý thích của mình, muốn ảnh chạy từ trên xuống thay chữ "up" thành chữ "down", sau cùng bấm Lưu lại là xong.

Mở rộng thêm:
* Nếu muốn thêm nhiều ảnh nữa, bạn copy dòng lệnh này
<div><a target="_blank" href="Link liên kết"> <img border="1" src="Link ảnh" width="240" height="320"title="Các loại hoa đẹp" /></a></div>


Dán trên dòng lệnh: </marquee></center> </div></div></div>

Và để slideshow được đẹp, các bạn nên chọn các ảnh có cùng kích thước....

Chúc các bạn thành công!!! 




5 nhận xét:

Mr Sum nói...

Chào các bạn ! Mấy ngày nay các bạn bàn luận rất nhiều về việc VNPT chặn blospot. Mình đã đem thắc mắc này hỏi VNPT và đã được trả lời như sau :
Các bạn vào địa chỉ sau để xem chi tiết nhe
http://buivansum.blogspot.com/2012/06/loi-giai-ap-chinh-thuc-cua-vnpt-ve-viec.html

Admin nói...

Add ten mien di. Khong bi chan nua dau. Dia chi blog minh ne: http://www.kiemtieninfo.tk co gj lien he baosangpxln@gmail.com

dungheineken nói...

Cám ơn bạn đã góp ý nhưng vì blog của mình chủ yếu để giải trí không có kinh doanh nên mình cũng không cần thiết cho lắm...
Dù sao cũng cám ơn bạn
Chúc bạn luôn vui khoẻ và thành công nha

sangnguyenms nói...

Thủ thuật rất hay, nhưng mình muốn sau khi hết các ảnh thì lặp lại liền không có khoảng trắng nữa thì làm sao hả Dung.
Dung chỉ giúp với nhé. Cám ơn bạn nhiều

dungheineken nói...

Không được Anh Sang ơi... vì đó là chiều cao của ảnh nên không thể xoá khoảng trắng đó được.
Xin lỗi vì không thoả mãn yêu cầu của Anh

Đăng nhận xét

 
Powered by by: Blogger