Bạn Trỗi K6: Trợ giúp

Trợ giúp

1. Đăng bài viết (phần chữ) thông thường:
2. Thêm hình ảnh vào bài viết thông thường:

Bạn có thể thêm hình ảnh từ bất kỳ web nào hoặc tải ảnh từ máy tính của bạn lên bài viết. Nếu bạn tải ảnh từ máy tính, ảnh sẽ tự động tải lên tài khoản Google+ của bạn và có những giới hạn lưu trữ riêng trên tài khoản Google (xem giới hạn lưu trữ hình ảnh trên Blogger tại đây)

Thêm hình ảnh cho bài viết trên Blogger (Hình 9)

Để thêm hình ảnh cho bài viết, bạn nhấn vào nút có biểu tượng hình ảnh trên thanh công cụ (nút số 1 trên hình 9). Một hộp thoại sẽ được hiện ra để bạn lựa chọn hình thức thêm hình ảnh vào bài viết

Hộp thoại thêm hình ảnh vào bài viết (Hình 10)

Tại hộp thoại thêm hình ảnh vào bài viết (hình 10), bạn có thể lựa chọn các hình thức sau:

Tải ảnh lên từ máy tính (số 1 trên hình 10): bạn chọn các hình ảnh từ máy tính của bạn lên tài khoản Google+ và chèn vào bài viết bằng cách nhấn vào nút “Chọn tệp” (nút số 5 trên hình 10). Bạn có thể tải đồng thời 1 hoặc nhiều hình cùng lúc bằng cách nhấn “ctrl/shift + click chọn hình”. Hình ảnh được tải lên thành công sẽ hiển thị trên khung số 6 (hình 10).
Từ blog này: chọn các hình ảnh đã từng thêm vào blog
Từ Anbom Web Picasa: chọn những hình ảnh có trong tài khoản Google+ của bạn
Từ URL: chèn hình bằng đường dẫn URL từ trang web khác.

Các bạn lưu ý rằng chỉ những hình ảnh được chọn (như trong hình 11 bên dưới) mới có thể thêm vào bài viết, nếu không, dù bạn có tải ảnh lên rồi thì cũng không thêm ảnh vào bài viết được.

Những hình ảnh được chọn & không được chọn trên Blogger (Hình 11)

Trong khung chọn bố cục bạn có thể:

Căn chỉnh hình ảnh: Các lựa chọn: Không có - Bên trái - Giữa - Bên phải

Chọn kích thước hình ảnh: Các lựa chọn: Nhỏ - Trung bình - Lớn - Rất Lớn - Kích thước ban đầu

3. Đăng bài tại Blog K6:
4. Sơ lược về HTML:

Bên trang soạn thảo HTML về cơ bản bạn thấy 2 phần:
phần viết cho "người đọc" và
phần viết cho trình duyệt (viết bằng ngôn ngữ HTML) để tạo định dạng (format) cho bài.

Căn bản về HTML
HTML: HyperText Markup Language.
Đây là một ngôn ngữ đơn giản được sử dụng trong các tài liệu siêu văn bản.
Đừng choáng.
Nó cũng chỉ là các tài liệu văn bản bình thường nhưng có chứa các thành phần đặc biệt gọi là các thẻ (hoặc các cặp thẻ) đánh dấu. Dựa theo các cặp thẻ này mà trình duyệt có thể biết được nó phải thực hiện cái gì.
Bản chất của HTML không phải là một ngôn ngữ lập trình nên các bạn cũng chẳng cần lo lắng đến những thuật toán lằng nhằng. Nó chỉ là một "ngôn ngữ" để đánh dấu văn bản thôi.

Hãy lấy một ví dụ đơn giản như sau:

Kết quả mà bạn nhìn thấy là Xin chào, tôi là BanTroiK6

Trong HTML, các thẻ có thể tồn tại đơn lẻ, hoặc tồn tại dưới dạng một cặp thẻ.
Nếu tồn tại dưới dạng 1 cặp thì
thẻ bắt đầu gọi là thẻ mở và
thẻ kết thúc gọi là thẻ đóng.

5. Đăng bài viết bằng chình sừa HTML:
6. Đăng ảnh bằng chình sừa HTML:

Khi đăng ảnh bằng cách thông thường, bạn có các lựa chọn về kích thước hình ảnh sau:
Nhỏ - Trung bình - Lớn - Rất Lớn - Kích thước ban đầu - tương đương với:
200px - 320px - 400px - 640px - Kích thước gốc của ảnh khi đăng lên ghi theo mặc định là 1600px

Ví dụ sau khi đăng ảnh cỡ nhỏ của hình "Khóa 6 ở Đại Từ" nếu xem HTML ta thấy

bỏ liên kết (link) ta còn lại thẻ img là

xóa border="0" không cần đi ta còn lại phần cơ bản:

trong đó img là viết tắt của image (hình ảnh), src là viết tắt của source (nguồn) hay địa chỉ của ảnh lưu trên Net (phần có giữa 2 ngoặc kép https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_8d_VC2rwlYNS8nsg3Ej9FJOHz-dP5gk8Ox1o64k_wXbS7dpcdNY7Qg8UVRKaW8tqO0P_vYJgshtk37ar7VNVU0WSt-icABF-pZl_Asx1J2776i_LpogP7lqZ56iVfH4WnQ4uGciXayzJ/s200/Khoa+6+tai+Dai+Tu.JPG

Cấu trúc cơ bản của thẻ img:

Như vậy ta chỉ cần điền địa chỉ nguồn của ảnh vào giữa 2 dấu ngoặc kép trong cấu trúc trên là xong (nhớ không được để khoảng cách!!!).

Một điều quan trọng cần ghi nhận là chỉ riêng trong địa chỉ ảnh đăng tại Blogger là có ghi độ phân giải (kích thước?) của ảnh, điều này giúp ta dễ dàng trong việc điều chỉnh độ phân giải ảnh .

Xem kĩ địa chỉ của ảnh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_8d_VC2rwlYNS8nsg3Ej9FJOHz-dP5gk8Ox1o64k_wXbS7dpcdNY7Qg8UVRKaW8tqO0P_vYJgshtk37ar7VNVU0WSt-icABF-pZl_Asx1J2776i_LpogP7lqZ56iVfH4WnQ4uGciXayzJ/s200/Khoa%2B6%2Btai%2BDai%2BTu.JPG
phần nền vàng chữ đỏ s200 chính là độ phân giải ảnh, chính xác là độ rộng của ảnh (ở đây là 200px). Bạn chỉ cần thay số 200 bằng độ phân giải mình muốn.

Hiện Google cho đăng ảnh dưới 2048x2048px không tính vào dung lượng 15G miễn phí nên đây cũng là độ phân giải lớn nhất cho phép hiển thị. Muốn xem ảnh gốc (trong trường hợp có độ phân giải hơn 2048 - như ảnh này là 4768x3088px - thì phải ghi số 0 vào - /s0/ !).

Khi đăng ảnh lớn theo cách thông thường - chọn "Kích thước ban đầu" - sẽ gặp phải vấn đề là ảnh bị tràn ra ngoài khung (giao diện bài đăng, blog...).

Ở đây bắt buộc phải sửa HTML bằng cách chuyển đơn vị đo kích thước sang % (thêm vào thẻ img thuộc tính width="100%" hay tốt hơn là style="width:100%"
Cấu trúc của thẻ img lúc này là:

Bạn Trỗi K6

Trợ giúp

0 comments:

DS Bạn Trỗi

Lưu trữ Blog

Bài đăng gần đây

Tin buồn: bạn Nguyễn Xuân Lộc mất

Bài đăng phổ biến

Chuyên mục

Bạn Trỗi K6

Trợ giúp

0 comments:

Tìm trong Bạn Trỗi K6

DS Bạn Trỗi

Lưu trữ Blog

Bài đăng gần đây

Tin buồn: bạn Nguyễn Xuân Lộc mất

Bài đăng phổ biến

Chuyên mục