Có rất nhiều trang web cho tạo slide miễn phí, nhưng không phải dịch vụ nào cũng phù hợp với blog 360 plus.
Bài viết này mình xin giới thiệu cách tạo slide show từ trang web
http://www.slide.com để đưa vào blog 360 plus.
Sở dĩ mình chọn dịch vụ tạo slide này vì tính chuyên nghiệp của nó và
dịch vụ này hình như không tương thích với 360 plus. Mình đã thử đưa
code vào 360 plus nhưng không được.
Đầu tiên, các bạn vào trang
http://www.slide.com để tạo slide cho mình.
Bước 1: Upload ảnh
Bạn nhấn vào Browse để chọn ảnh cần upload, có thể chọn nhiều ảnh 1 lúc cũng được.
Quá trình upload diễn ra:
Bước 2: Chọn hiệu ứng
Các bạn có thể chọn các kiểu hiệu ứng, tinh chỉnh hiệu ứng từng ảnh, chèn nhạc vào slide, chèn ảnh nền....tùy theo ý thích:
Bước 3: Tạo code
Sau khi chỉnh xong các hiệu ứng cần thiết, ta lưu lại. Nhấn nút Save để lưu và tạo code
Bước 4: Chỉnh code & đưa code lên 360 plus
Bước này mới là bước quan trọng nhất vì nếu chỉ post code bình thường vào blog thì sẽ không hiện slide.
Ta chỉnh code để đưa vào blog như sau:
Ví dụ sau là code để đưa vào blog:
Mã:
<div style="width:426px"><embed src="
http://widget-f7.slide.com/widgets/slideticker.swf?cy=ms&il=1&channel=2666130979429052348&site=widget-bc.slide.com"
quality="high" salign="lt" width="426" height="320" wmode="transparent"
name="rockyou" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"/></embed></div>
Trong đó, phần quan trọng nhất là phần tô vàng:
cy=ms&il=1&channel=2666130979429052348&site=widget-bc.slide.com
Đó chính là mã số của mỗi slide riêng. Các bạn lấy nó ở trong phần code trong bước 3(tạo code).
Ví dụ như trong code của slide sau thì dòng tô vàng là mã số riêng đó:
Mã:
<p style="visibility:visible;"><object type="application/x-shockwave-flash" data="
http://widget-bc.slide.com/widgets/slideticker.swf" height="320" width="426" style="width:426px;height:320px"><param name="movie" value="
http://widget-bc.slide.com/widgets/slideticker.swf"
/><param name="quality" value="high" /><param name="scale"
value="noscale" /><param name="salign" value="l" /><param
name="wmode" value="transparent"/> <param name="flashvars" value="
cy=ms&il=1&channel=2666130979429052348&site=widget-bc.slide.com"/></object><p style="white-space:nowrap"><a href="
http://www.slide.com/pivot?cy=ms&at=...29052348&map=1" target="_blank"><img src="
http://widget-bc.slide.com/p1/266613...es/xslide1.gif" border="0" ismap="ismap" /></a> <a href="
http://www.slide.com/pivot?cy=ms&at=...29052348&map=2" target="_blank"><img src="
http://widget-bc.slide.com/p2/266613...es/xslide2.gif" border="0" ismap="ismap" /></a> <a href="
http://www.slide.com/pivot?cy=ms&at=...29052348&map=F" target="_blank"><img src="
http://widget-bc.slide.com/p4/266613...s/xslide42.gif" border="0" ismap="ismap" /></a></p></p>
Sau khi đã có code, các bạn post nó lên entry của Blog:
Nhớ đánh dấu tick vào ô HTML rồi paste code vào khung soạn thảo. Sau đó nhấn nút đăng để post bài.
Nếu thành công, slide sẽ hiện ra:
Chúc các bạn thành công !
