Thứ Năm, 26 tháng 6, 2014
Số lượt xem bài này:
Làm các ảnh chạy cho Blog
Có bạn hỏi tôi cách làm hàng ảnh chạy như trong bài : Chuyện xung quanh World Cup - Có thể bạn chưa biết ? mà bạn gọi nhầm là slide ảnh.
Cách làm này cũng tương thự như cách làm slide với code HTML mà có lần tôi đã hướng dẫn các bạn rồi. Các bạn có thể xem lại ở đây
Tôi xin chia sẽ với bạn cách làm hàng ảnh chạy trong bài viết.
Bạn cần tiến hành các bước sau:
- Tập trung các bức ảnh cần đưa vào
- Chỉnh sửa kích thước hàng loạt các bức ảnh (Lấy chiều cao làm chuẩn) với phần mềm chỉnh sữa ảnh như PhotoScape chẳng hạn. Các bạn có thể tải nó ở trang này để dùng nếu chưa có. Các bạn nên lấy chiều cao từ 200 đến 300 thôi để dòng ảnh chạy không chiếm quá nhiều diện tích bài viết.
- Tải tất cả các ảnh lên Photobucket, DropBox.... để lấy link
- Copy đoạn code mẫu tôi cho bên dưới rồi dán vào Notepad để chỉnh sứa theo ý mình. Cụ thể
* Thay link ảnh: Bắt buộc bạn phải nhập
* Link trang Web cần trỏ đến : các bạn có thể nhập có thể không
* chú thích cho từng ảnh ( là dòng chữ khi ta rê chuột vào ảnh sẽ hiện ra) : các bạn có thể nhập có thể không
- Xong xuôi copy đoạn code mà bạn đã chỉnh sửa dán vào bài viết ở chế độ HTML rồi xuất bản bài viết là bạ đã có một hàng ảnh chạy rồi đó !
Code mẫu
Chú thích code
- Có bao nhiêu ảnh trong slide thì có bao nhiêu hàng dưới đây:
<a href="LINK CỦA TRANG WEB CẦN TRỎ ĐẾN"><img height="200" src="LINK CỦA ẢNH " title="DÒNG CHÚ THÍCH CHO ẢNH Ở ĐÂY" width="150" /> </a>
( Hàng thứ nhất cho ảnh thứ nhất, hàng thứ hai cho ảnh thứ 2 )
- Đến ảnh thứ 3 trở đi các bạn xóa dòng /* cho ảnh thứ 3 đến hết*/ rồi hãy thêm dòng code như trên nhé !
- LINK CỦA TRANG WEB CẦN TRỎ ĐẾN là địa chỉ của trang Web mà lúc kích vào một ảnh nào đó nó sẽ được mở ra. Chỗ này các bạn có thể không cần nhập nếu không có nhu cầu. Cái này chỉ dành cho ai muốn tăng thứ hạng của trang Web hay Blog của mình thôi !
- LINK CỦA ẢNH là địa chỉ của bức ảnh mà bạn đã tải lên HOST ( Photobucket, DropBox....)
- DÒNG CHÚ THÍCH CHO ẢNH Ở ĐÂY : Là chú thích của bạn cho ảnh (khi ta rê chuột vào ảnh sẽ hiện ra)
- height="200": là chiều cao của ảnh (số 200 là trị số. Trị số này các bạn có thể thay theo ý thích của mình. Trị số càng lớn ảnh càng cao)
-width="150": là chiều rộng của ảnh (số 200 là trị số. Trị số này các bạn có thể thay theo ý thích của mình. Trị số càng lớn ảnh càng rộng)
Các bạn lưu ý là chiều rộng thì tùy nhưng chiều cao chỉ nên đặt một giá trị cho tất cả các ảnh để cho đẹp lúc trình diễn.
- direction="left": Hướng chạy của ảnh ( có thể chọn trái: Left, phải: right hay lên: Up, xuống: down)
- scrollamount="2" : Tốc độ chạy của ảnh (có giá trị từ 1 đến 9). Trị số trong dấu ngoặc kép cành lớn chạy càng nhanh và ngược lại.
Và đây là kết quả: (rê chuột vào ảnh để xem chú thích. Xem xong đưa chuột ra khỏi vùng ảnh để ảnh chạy tiếp)
1 nhận xét :
Cảm ơn bạn nhiều lắm
Đă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