Thứ Năm, 7 tháng 3, 2013
Số lượt xem bài này:
Làm slide ảnh bằng code HTML !
Các bạn thích làm trình chiếu ảnh (Slide) chèn vào Blog thì có nhiều cách để thực hiện:
1- Dùng phần mềm
2- Dùng các dịch vụ trực tuyến để làm rồi lấy code nhúng vào Blog.
Hai cách trên cho các chuyển cảnh đẹp nhưng làm hơi phức tạp tý. Nếu các bạn không cần ccàu kỳ về chuyển cảnh cho slide thid dùng cách sau đây. Đó là cách dùng Code HTML.Sau đây tôi xin hướng dẫn các bạn làm theo cách này !
Các bước thực hiện
1- Tìm các ảnh cần là slide rồi dùng một trình sửa ảnh nào đó như Photoscape chẳng hạn để thay đổi kích thước hàn loạt cho ảnh. Mục đích của việc làm này là làm cho ảnh có cùng một kích thước thì lúc làm slide sẽ đẹp hơn
2- Tải lên Host ảnh (Photobucket, DropBox...) để lấy link của nó
3- Dùng Code sau để chỉnh sửa rrồi copy Code đã chỉnh sửa dán vào bài viết ở chế độ HTML rồi xuất bản là ta có một Slide như hình dưới !
1- Dùng phần mềm
2- Dùng các dịch vụ trực tuyến để làm rồi lấy code nhúng vào Blog.
Hai cách trên cho các chuyển cảnh đẹp nhưng làm hơi phức tạp tý. Nếu các bạn không cần ccàu kỳ về chuyển cảnh cho slide thid dùng cách sau đây. Đó là cách dùng Code HTML.Sau đây tôi xin hướng dẫn các bạn làm theo cách này !
Các bước thực hiện
1- Tìm các ảnh cần là slide rồi dùng một trình sửa ảnh nào đó như Photoscape chẳng hạn để thay đổi kích thước hàn loạt cho ảnh. Mục đích của việc làm này là làm cho ảnh có cùng một kích thước thì lúc làm slide sẽ đẹp hơn
2- Tải lên Host ảnh (Photobucket, DropBox...) để lấy link của nó
3- Dùng Code sau để chỉnh sửa rrồi copy Code đã chỉnh sửa dán vào bài viết ở chế độ HTML rồi xuất bản là ta có một Slide như hình dưới !
Tôi giải thích chút xíu về code này: Như các bạn cũng thấy trong Slide có 6 hình
Những chỗ LINK ẢNH 1, LINK ẢNH 2,.... là link của các hình đó mà các bạn đã tải lên Host, còn chỗ in nghiêng là 6 link liên kết các bạn muốn trỏ đến (tức là khi các bạn click vào một hình thì nó sẽ nhảy ra một trang mà các bạn đã gán vào)
- Số hình thì các bạn có thể thoải mái cứ thế mà thêm vào.
- Nhớ là giữa các link ảnh phải có dấu ngăn cách là dấu này: |
Những chỗ LINK ẢNH 1, LINK ẢNH 2,.... là link của các hình đó mà các bạn đã tải lên Host, còn chỗ in nghiêng là 6 link liên kết các bạn muốn trỏ đến (tức là khi các bạn click vào một hình thì nó sẽ nhảy ra một trang mà các bạn đã gán vào)
- Số hình thì các bạn có thể thoải mái cứ thế mà thêm vào.
- Nhớ là giữa các link ảnh phải có dấu ngăn cách là dấu này: |
pic_width=360&pic_height=240: Cái này là chiều rộng và chiều cao của hình.
stop_time=6000 : Cái này là thời gian chuyển hình, để 6000 có nghĩa là cứ 6 giây thì chuyển hình khác.
wmode="transparent" height="240" width="360": cái này là chiều cao và chiều rộng của khung hình.
Các bạn nên chỉnh hai cái này như nhau để ảnh vừa khớp với khung hình cho đẹp !
Và đây là kết quả :
Thể loại
Hướng dẫn
10 nhận xét
cám ơn bạn nhiều nha, à mình hỏi bạn cái này nhé.
Ví dụ mình có hai cái hình (một cái đè lên một cái), khi người ta click vào hình thì mở giống như mở trang sách ấy. Viết sao bạn nhỉ
Bạn hãy vào mục "LIÊN HỆ VỚI ADMIN" trên Blog này viết cho mình mấy dòng rồi mình sẽ hướng dẫn bạn qua mail nhé, OK ?
Rất hay, cảm ơn bạn nhiều
Cho mình hỏi thêm 1 chút
Mình có nhiều ảnh với các size khác nhau, mà giờ muốn quy hết về cùng 1 size để cho vừa với khung thì sử dụng code nào vậy bạn?
Bạn phải dùng phần mềm Photoscape để chuyển đổi kích thước ảnh hàng loạt (Bacht Editor) để chuẩn bị các ảnh định đưa vào slide trước chứ không dùng code được
Hi bạn
Là chạy tweb trên máy tính thì OK, nhưng sao nó không hiện lên khi xem trên SmartPhone?
Thânks
Chắc SmartPhone của bạn chưa cài Adobe Flash Player đó !
Xin hỏi chút nha bạn, mã code thêm vào đâu vậy bạn
Xin hỏi chút nha bạn, mã code thêm vào đâu vậy bạn
Sau khi đã làm xong đoạn code, bạn chèn vào Blog cá nhân ở chế độ HTML hay tạo một tiện ích (Add-on) rồi dán nó vào. Xong đó bạn xuất bản bài viết có chứa video hoặc lưu thay đổi cho Template (mẫu) của blog là OK
Đăng nhận xét
1- Nhận xét chỉ nên liên quan đến bài đăng, phải có tính chất xây dựng và có văn hóa !
2- Để chèn biểu tượng cảm xúc vào nhận xét, các bạn nhập các ký hiệu bên dưới của hình vào phần viết nhận xét.
3- Việc nhập tài khoản Google của bạn và nhập 2 từ xác minh trước lúc gửi nhận xét là bắt buộc !
4- Các bạn có thể chèn Video trên Youtube hay ảnh bằng cách dán link của video (trên thanh địa chỉ) hay link ảnh trực tiếp ở khung soạn thảo nhận xét !
5-Các bạn có thể post code trong nhận xét nhưng phải mã hóa code trước ! Để mã hóa code các bạn vào đây