Vibay

Thứ Sáu, 8 tháng 6, 2012

Lưu trữ mọi thứ miễn phí không giới hạn trên web/ blog của bạn

08/6/12- Mấy hôm trước, tôi sang nhà anh Mai Thanh Hải chơi thấy trước cửa nhà có câu thông báo, tôi không nhớ chính xác nhưng đại loại như thế này: Do Google bắt đóng tiền dung lượng ảnh nên mình xây thêm nhà mới tại http://maithanhhaivietnam.wordpress.com.

Làm gì để tránh bị Google bắt trả phí lưu trữ dung lượng ảnh và làm gì để lưu trữ mọi thứ miễn phí không giới hạn trên blog của bạn ?

Hình 1


Tôi bận quá nên không có thời gian biên tập bài viết này cẩn thật. Bài này dành cho dân nghiệp dư, bạn là người chuyên nghiệp vui lòng không đọc bài này

Trước hết, bạn chọn biên tập bài viết bằng trình biên tập HTML của blogger như hình 1

Khi bạn biên tập bài viết bằng trình biên tập viết (Rich text) thì khi tăng kích thước ảnh trong bài viết, kích thước ảnh tăng lên sẽ vượt quá kích thước trong giới hạn lưu trữ miễn phí của Google. Giới hạn lưu trữ ảnh miễn phí của Google là ảnh tải lên có kích thước tối đa là 400x400pixel, lớn hơn Google sẽ tính dung lượng ảnh vào dung lượng miễn phí cấp cho blog là 1024MB, Khi dung lượng ảnh lớn hơn 1024MB, bạn phải trả phí lưu trữ ảnh.

- Trong trình biên tập bài viết HTML, nhấp vào biểu tượng hình ảnh để tải ảnh lên, nếu bạn chọn cỡ ảnh tối đa thì sau khi tải lên, bạn sẽ thấy ảnh nằm trong giới hạn không tính dung lượng là height="400" (chiều cao), width="400" (chiều rộng) như sau:

<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimrC1xSk_z0wyspZMEyfSQjX-jP8doz7rgrjBQEOx4jNI3RuJfAfPTyrF_6fqr-QJmUFaMT-aFRKME6c3nCL68VUeavKLBro12nvC3nGJ0eAa15UJqU6nVp0Yzz3rjgLMj5CQCMEfj6eA/s1600/images928748_dientap1.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" alt="Diễn tập đánh trả, bắn chìm tàu lạ cứu ngư dân" height="266"; width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimrC1xSk_z0wyspZMEyfSQjX-jP8doz7rgrjBQEOx4jNI3RuJfAfPTyrF_6fqr-QJmUFaMT-aFRKME6c3nCL68VUeavKLBro12nvC3nGJ0eAa15UJqU6nVp0Yzz3rjgLMj5CQCMEfj6eA/s400/images928748_dientap1.jpg" /></a></center>

Ta chỉnh lại thông số kích thước ảnh để phóng to ảnh: height="466", width="600", đoạn mã sẽ như thế này:

<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimrC1xSk_z0wyspZMEyfSQjX-jP8doz7rgrjBQEOx4jNI3RuJfAfPTyrF_6fqr-QJmUFaMT-aFRKME6c3nCL68VUeavKLBro12nvC3nGJ0eAa15UJqU6nVp0Yzz3rjgLMj5CQCMEfj6eA/s1600/images928748_dientap1.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" alt="Diễn tập đánh trả, bắn chìm tàu lạ cứu ngư dân" height="466"; width="600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimrC1xSk_z0wyspZMEyfSQjX-jP8doz7rgrjBQEOx4jNI3RuJfAfPTyrF_6fqr-QJmUFaMT-aFRKME6c3nCL68VUeavKLBro12nvC3nGJ0eAa15UJqU6nVp0Yzz3rjgLMj5CQCMEfj6eA/s400/images928748_dientap1.jpg" /></a></center>

Như vậy, thực tế ảnh của bạn có thước là height="266", width="400" nhưng trình duyệt web hiển thị ảnh với kích thước lớn hơn là height="466", width="600" do bạn đã chỉnh sửa đoạn mã hiển thị ảnh trong bài viết.

- Cách khác, mất thời gian hơn nhưng chất lượng ảnh tốt hơn, rõ nét hơn:
Thay vì tải ảnh lên blog, bạn tải nó lên Flicker hoặc Photobucket, sau đó lấy URL (đường dẫn) của ảnh rồi nhúng vào bài viết như thế này:

<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimrC1xSk_z0wyspZMEyfSQjX-jP8doz7rgrjBQEOx4jNI3RuJfAfPTyrF_6fqr-QJmUFaMT-aFRKME6c3nCL68VUeavKLBro12nvC3nGJ0eAa15UJqU6nVp0Yzz3rjgLMj5CQCMEfj6eA/s1600/images928748_dientap1.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" alt="Diễn tập đánh trả, bắn chìm tàu lạ cứu ngư dân" height="466"; width="600" src="http://farm3.staticflickr.com/2401/1719099620_ae4b96618d_m.jpg" /></a></center>

Như vậy, bạn có thể đăng một triệu bài với một tỉ ảnh mà không tốn đồng nào.

Lưu trữ mọi thứ miển phí không giới hạn trên web/blog của bạn:

Lưu trữ video miễn phí trên blog của bạn:

Có nhiều cách:

Tải video lên YouTube rồi lấy mã nhúng vào blog. Nếu bạn mới tạo tài khoản trên YouTube thì các video đầu tiên bị giới hạn thời lượng tối đa 15 phút nhưng sau vài tháng bạn sẽ được cấp thời lượng lớn hơn 15 phút. Bạn có thể upload cả một bộ phim dài nhiều giờ lên YouTube và nó chơi chỉ trong 1 clip.

Nhưng nếu blog của bạn là website (web blog) thì nhúng video từ YouTube vào blog thì thấy không hay lắm, ít ai làm thế. Bạn phải có một trình phát (player.swf) riêng để chạy video trên trang web. Vậy làm thế nào ?

Nếu bạn tạo được tệp tin .swf thì quá hay, nếu không thì chôm trên mạng về rồi upload lên một free hosting như Weebly.com, blog wordpress hay webs.com cũng được.

Nên chôm của nước ngoài, đừng chôm của Việt Nam vì biết đâu họ kiện bạn đấy. Đầu tiên bạn truy cập một trang web có 1 đoạn video clip ví dụ trang này http://english.ntdtv.com/, đi đến một bài đăng trong trang này ví dụ bài này: http://english.ntdtv.com/ntdtv_en/news_middleeast_africa/2012-06-07/pakistan-u-s-drone-kills-top-al-qaeda-leader.html#video_section, ta thấy một đoạn video clip trong bài đăng này, phía trên trình phát là mã nhúng (embed), nhấp chuột vào để sao chép mã, nó như thế này:

<embed src="http://english.ntdtv.com/jwplayer/player.swf" width="580" height="435" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" flashvars="config=http://english.ntdtv.com/jwplayer/ntdconfig.xml&file=http://media5.ntdtv.com/ml/english/news/wn/2012-06-07/20120607-WN-03_RREP-Pakistan-US-Drone-Kills-Top-al-Qaeda-Leader.mp4&image=http://english.ntdtv.com/files/Content/20120607-WN-03-Pakistan%20-%20U.S.%20Drone%20Kills%20Top%20al%20Qaeda%20Leader.jpg&autostart=false"></embed>

Hãy chú ý cái này, nó rất quan trọng: http://english.ntdtv.com/jwplayer/player.swf - Nó chính là tệp tin (file) trình phát video. Bây giờ ta tải file này xuống rồi upload lên một free hosting làm của riêng ta.

Cách tải xuống: Giả sử bạn đang sử dụng trình duyệt Google Chrome. Sao chép đoạn này http://english.ntdtv.com/jwplayer/player.swf và dán lên hộp omni (hộp nhập địa chỉ trang web) của trình duyệt rồi nhấn enter, bạn sẽ thấy trình phát video hiển thị đầy màn hình, kệ nó, đừng quan tâm. Bên phải hộp omni, bạn nhìn thấy cái cờ lê (dân nam bộ gọi là cái khóa mở con tán), nhấp chuột vào cái cờ lê. kế tiếp, nhấp vào Lưu trang thành..., một hộp thoại hiện ra với tên file là player.swf, nhấp vào Save để tải xuống.

Bây giờ ta upload nó lên weebly.com, trước tiên ta tạo một trang (Page) trên weebly.com, trên trình biên tập trang (Page), bạn nhấp vào Multimedia, sau đó kéo biểu tượng File trên thanh công cụ và thả vào trang web mà bạn đang thiết kế. Sau đó nhấp vào tờ giấy có chữ Click here to upload file. Nhấp tiếp vào Upload new file. Một cửa sổ hiện ra, tìm đến file player.swf mà bạn đã tải xuống. Weebly sẽ upload file player.swf này lên. Cuối cùng, trỏ chuột lên chữ Download file, nhấp phải chuột, nhấp tiếp vào Mở liên kết trong tab mới, trình duyệt sẽ hiển thị file player.swf của bạn, giống như thế này http://www.weebly.com/uploads/1/1/4/1/11413983/player.swf. Và bạn là chủ sở hữu của nó. He...he...he...

Ngoài ra, bạn cũng có thể dể dàng upload nó lên blog wordpress.

Nhúng video clip lên trang web bằng trình phát video của riêng bạn:

Trước tiên, ta upload tệp tin video lên trang web hoặc 1 dịch vụ free hosting, sao đó lấy đường dẫn (URL) nơi chứa tệp video này. Ví vụ: 1 video clip phát trên trang web tv.tuoitre.vn, có đường dẫn như thế này:

http://123.30.128.25/r/2012/06/gh30nayR.mp4

Hoặc trên trang http://english.ntdtv.com có đường dẫn là http://media5.ntdtv.com/ml/english/news/wn/2012-06-07/20120607-WN-03_RREP-Pakistan-US-Drone-Kills-Top-al-Qaeda-Leader.mp4

Và đoạn mã để phát video như thế này:

<object type="application/x-shockwave-flash" id="playerID-video-details" name="playerID-video-details" data="http://tv.tuoitre.vn/js/player/player.swf" width="530" height="360"><param name="wmode" value="opaque"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="flashvars" value="controlbar=bottom&amp;file=http://123.30.128.25/r/2012/06/gh30nayR.mp4&amp;image=http://123.30.128.26/t/s639/2012/06/IcRmsZOw.jpg&amp;backcolor=000000&amp;frontcolor=999999&amp;lightcolor=CC0000&amp;screencolor=000000&amp;width=605&amp;height=360&amp;viral.oncomplete=false&amp;viral.onpause=false&amp;repeat=always&amp;provider=http&amp;autostart=true"></object>

Ta thay đổi đoạn mã trên như như dưới đây:

<object type="application/x-shockwave-flash" id="playerID-video-details" name="playerID-video-details" data="http://vibay.weebly.com/uploads/1/1/4/1/11413983/player.swf" width="530" height="360"><param name="wmode" value="opaque"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="flashvars" value="controlbar=bottom&amp;file=http://123.30.128.25/r/2012/06/gh30nayR.mp4&amp;image=http://123.30.128.26/t/s639/2012/06/IcRmsZOw.jpg&amp;backcolor=ffffff&amp;frontcolor=999999&amp;lightcolor=CC0000&amp;screencolor=000000&amp;width=530&amp;height=360&amp;viral.oncomplete=false&amp;viral.onpause=false&amp;repeat=always&amp;provider=http&amp;autostart=true"></object>

Đoạn này http://123.30.128.26/t/s639/2012/06/IcRmsZOw.jpg là ảnh đại diện cho video clip.

Kết quả là như thế này:



Lưu ý: Nếu muốn video tự động phát, ta đổi autostart=false thành autostart=true

Đến đây thì blog của bạn là một trang web chuyên nghiệp

Lưu trữ tệp tin bất kỳ trên blog

Nếu là blog wordpress thì bạn upload nó lên blog để lưu trữ. Nếu là Blogspot thì upload file lên 1 free hosting như Mediafire.com chẳng hạn, rồi sau đó tạo liên kết đến file này trong bài đăng trên web/ blog của bạn.

Những thủ thuật blog cao cấp khác, tham khảo tại Itechpuls.infoTraidatmui.com

Xem thêm Học thiết kế web bằng html cơ bản
------------------

Không có nhận xét nào:

Đăng nhận xét