Tạo slideshow ảnh cho blogger

Thủ thuật này sẽ giúp bạn có được một Slideshow ảnh trên Web/Blog để bạn khoe những hình ảnh đẹp của bạn, người thân và gia đình... ...

Thủ thuật này sẽ giúp bạn có được một Slideshow ảnh trên Web/Blog để bạn khoe những hình ảnh đẹp của bạn, người thân và gia đình...

Tạo slideshow ảnh cho blogger


Các ảnh sẽ được thay đổi theo thời gian do bạn định trước, khi click vào một ảnh "nó" sẽ dẫn bạn đến trang liên kết do bạn chỉ định (dùng để quảng cáo, blog liên kết....)
Mời bạn bấm vào Xem thử phía dưới để thấy rõ hiệu ứng của thủ thuật 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.


<center><script language="JavaScript1.1">
<!--
//Visit http://www.dunghennessy.blogspot.com for this script
//specify interval between slide (in mili seconds)
var slidespeed=3000 //thời gian chuyển ảnh 1000=1s
//specify images
var slideimages=new Array("link ảnh 1","link ảnh 2","link ảnh cuối cùng")
//specify corresponding links
var slidelinks=new Array("http://www.dunghennessy.blogspot.com","http://dungheineken.blogspot.com","http://www.anhdepblog.blogspot.com") //các link liên kết theo thứ tự

var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
window.location=slidelinks[whichlink]
}

//-->
</script>
<a href="javascript:gotoshow()"><img border="0" name="slide" src="photo1.jpg" style="filter: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1);" /></a>

<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()

//-->
</script></center>


Bây giờ, bạn cần thay đổi các dòng lệnh màu đỏ theo ý thích của mình, 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 (có dấu phẩy phía sau):
"link ảnh",
Dán phía trước dòng lệnh "link ảnh cuối cùng"







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

COMMENTS

BLOGGER: 2
  1. Bài viết này khá hay. mình có thể áp dụng làm một số quảng cáo nhỏ nhỏ cho blog. Nhưng bạn có biết làm cách nào để fade in & fade out ở giữa mỗi bức hình 0?

    ReplyDelete
  2. mình mới làm được cho blog của mình, nhưng mình muốn cho hình của mình nó chuyển đổi nhiều kiểu thì phải làm sao?
    đây là blog của mình : http://xaynhaongdep.blogspot.com/
    bảo vệ

    ReplyDelete

Name

Banner,2,Code,8,CSS,2,DNS cho Blogger,6,Favicon,1,HTML,6,JavaScript,2,Kiếm tiền với Youtube,1,Labels,1,Mật khẩu cho bài đăng,1,Nhãn,1,Search Google,1,Template Blogger,1,theme blogger,1,Thủ thuật Blogger,45,Thủ thuật Youtube,2,Tiệc ích Password,3,Tiện ích,9,Tiện ích bài viết liên quan,2,Trang,1,Wifi,1,Xóa bản quyền,1,
ltr
item
Khám Phá Blogger: Tạo slideshow ảnh cho blogger
Tạo slideshow ảnh cho blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmIUZ5qIvtd0FrciHniZyWsLOzuNAzdHaMRBq-4sACpn_oqvz1qrHoCQ2eXUxlc-S_sQVZ1iVjL0jBxGqiKUzEXCbvCB5UUmMCa9ThYR6kJoo3O31ZSFG38jbPVtJFbOIf1_EVq5ad2bd/s1600/promotion-slider3.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmIUZ5qIvtd0FrciHniZyWsLOzuNAzdHaMRBq-4sACpn_oqvz1qrHoCQ2eXUxlc-S_sQVZ1iVjL0jBxGqiKUzEXCbvCB5UUmMCa9ThYR6kJoo3O31ZSFG38jbPVtJFbOIf1_EVq5ad2bd/s72-c/promotion-slider3.jpg
Khám Phá Blogger
https://blogger.affimart.com/2012/05/tao-slideshow-anh-cho-blogger.html
https://blogger.affimart.com/
http://blogger.affimart.com/
http://blogger.affimart.com/2012/05/tao-slideshow-anh-cho-blogger.html
true
4203661997903332293
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy