 |
| 15 tuyệt chiêu tùy biến hình ảnh trong Blogger |
Blogger là nền tảng sử dụng CSS (Cascade Style Sheet) có thả năng tự động thiết lập chiều cao, chiều rộng , chiều dài của ảnh và điều đặc biệt là bạn có thể thay đổi được tất cả các kích thướt hình ảnh bằng cách thay đổi cấu trúc permalink ( đường dẫn URL ) . Nếu bạn không tin tôi, hãy xem tôi có thể tùy chỉnh hình ảnh trong blogger như thế nào
Bạn lưu ý đường dẫn ví dụ có khoản cách ở cách URL bạn điều chỉnh lại cho phù hợp và các ký tự chữ cái tùy chỉnh không được để dạng Caps Lock ( chỉ viết chữ thường ).
Hình ảnh mặc định.
Đầu tiên hãy kiểm tra cấu trúc permalink URL của hình ảnh trong Blogger. Nếu bạn upload hình ảnh lên thì Blogger nó sẻ tự định dạng theo mặc định, sẽ tự thêm S1600 vào permalink và sẻ có cấu trúc URL giống như ví dụ này.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s1600 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Thiết lập kích cỡ tùy biến
Bạn có thể thay thế S1600 từ hình ảnh mặc định và thử bất kỳ kích thước như bạn muốn, ví dụ S600 , S500 hoặc s442
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s442 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Thiết lâp hình ảnh ở độ phân giải tối đa
Bạn có thể thiết lập trong URL là độ phân giải tối đa ,có thể lên đến s2650
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s2650 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Cắt hình ảnh
Thay S1600 để S600-c trong url hình ảnh, bạn sẽ có được ảnh như hình vuông, có nghĩa là nó chiều cao và chiều rộng chính xác là 600px. Bạn cũng có thể sử dụng S600-p để cắt ảnh
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s600-c /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Thêm đường viền hình ảnh
Thay S1600 để S1600-b10 trong url hình ảnh, bạn sẽ nhận được 10px đường viền màu đen trên hình ảnh. tối đa là B50 nhưng bạn có thể thêm nữa.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ S1600-B10 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Tải hình ảnh
Thay S1600 để S1600-d trong url hình ảnh, bạn sẽ có được một liên kết tải về cho hình ảnh.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s1600-d /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Hình ảnh gốc
Thay S1600 để S0 trong url hình ảnh, bạn sẻ thấy được ảnh gốc mà bạn tải lên
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s0 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
XML ảnh Object
Thay S1600 để S1600-g trong url hình ảnh, bạn sẽ nhận được mã xml của hình ảnh
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s1600-d /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s1600-d /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Đặt độ rộng tùy chỉnh
Thay S1600 để W180 trong hình ảnh và chiều rộng hình ảnh không vượt quá 180px. Bạn cũng có thể thử bất kỳ kích thước nào
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ w180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ w180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Đặt độ cao tùy chỉnh
Thay S1600 để h180 trong hình ảnh và chiều cao ảnh không vượt quá 180px.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ h180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.pngg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ h180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.pngg
Thiết lập chiều rộng và chiều cao tùy chỉnh
Thay S1600 để W300-h180 trong url hình ảnh nó cho chiều rộng hoàn hảo của 300px và chiều cao của 180px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ w300-h180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ w300-h180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Tuỳ chỉnh kích thước chiều rộng
Thay S1600 để S500-W180 trong url hình ảnh nó cho chiều rộng tối đa 180px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s500-w180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s500-w180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Tuỳ chỉnh kích thước chiều cao
Thay S1600 để S500-h180 trong url hình ảnh nó cho chiều cao tối đa là 180px
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s500-w180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s500-w180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Chỉnh kích cỡ, chiều cao và chiều rộng
Thay S1600 để S600-w280-h180 trong url hình ảnh và chỉ cần kiểm tra
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s600-w280-h180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s600-w280-h180 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Không có Thumbnail
Thay S1600 để S1600-m1 trong url hình ảnh, bạn sẽ thấy lỗi hình ảnh khi không hiển thị khi không có Thumbnail
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s1600-m1 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRdsLMK5xry-R1Nf988GtDiYCSSR9psL80bWL0fjNvj_Epz5qBzTSrYny8P1CEuegHwMm0CJ4UC0ZqW9c7Mxtlphu5RwuJ1atZEMTg-jkt-GD9kPWcjqO6kYO5Vwf1TrBio_IRQkx2I7r/ s1600-m1 /15-tuyet-chieu-tuy-bien-hinh-anh-trong-blogger.png
Hãy bình luận dưới đây nếu bạn có mẹo khác về blogger. Bạn có thể sử dụng thủ thuật này trong Google Plus, Picasa hoặc bất kỳ dịch vụ google khác