Hướng dẫn Upload File Css và JS Javascripts lên host Google Drive

Sau khi đã hoàn thành cho mình một Website, Blog (Blogspot chẳng hạn) thì việc tìm nơi lưu trữ các file Css và Js (Javascripts) là điều tất yếu và cực kỳ cần thiết. Trong bài viết này mình sẽ hướng dẫn các bạncách upload file Css và Javascripts lên host Google Drive.



Trước đây, khi upload các file Css hay js người ta thường nghĩ ngay đến code.google.com, nhưng hiện nay, dường như Google Code đã ngừng hỗ trợ việc Upload. Vậy nên Google Drive (Dịch vụ lưu trữ của Google) là lựa chọn số một. Các bạn có thể tham khảo bài viết Lưu trữ files lên host, Tại sao quan trọng? Để hiểu rõ tầm quan trọng của các file được lưu trữ lên host.

Google Driver của Google nên về độ uy tín thì khỏi phải bàn, cho phép upload 5GB mỗi tài khoản, có nhiều công cụ đi kèm (khá giống như tiện ích addon của Google Chrome hay Firefox), bạn hoàn toàn có thể dễ dàng chia sẻ, chỉnh sửa các file lưu trữ của mình, bảo mật cực tốt, và điều cuối cùng: FREE.

Các bước upload file Css và Javascripts lên Google Drive

Đầu tiên, truy cập vào địa chỉ của dịch vụ Google Drive.https://drive.google.com/
Đăng nhập bằng tài khoản Gmail, có thể tải xuống phiên bản dành cho máy tính hoặc dùng trực tiếp,
bạn sẽ thấy giao diện như sau :

Để dễ dàng quản lý, ta nên tạo các thư mục, thông thường mỗi blog mình tạo một thư mục chứa tất cả Css và js cho nó.Chọn Tạo -> Thư mục

Đặt tên cho thư mục sao cho dễ dàng quản lý.

Sau khi tạo xong, Chọn thư mục bạn vừa tạo để tiến hành upload file.
Có thể upload từng file hoặc cả một thư mục.Bạn có thể chọn Tải lên để hoặc kéo thả file trực tiếp vào hình tròn để upload
Lựa chọn tải lên -> chọn thư mục hoặc file

Lựa chọn kéo thả, Kéo thả trực tiếp vào hình tròn

Sau khi upload thành công, một hộp thoại hiện lên

Các bạn chọn chia sẻ để cài đặt sang chế độ public mới có thể sử dụng được.Chọn thay đổi

Chọn "công khai trên Web" sau đó lưu lại là xong.

Các file của bạn bây giờ đã được chia sẻ và có thể sử dụng để chèn vào code của web/blog

Các bạn click vào file cần sử dụng, và copy lại địa chỉ của files trên trình duyệt

Dán cái link khi nãy ta copy ở bước trên ra đây, hoặc bạncó thể copy lại bằng cách click phải vào file, chọn "Chia Sẻ". Mặc định đường dẫn (link) có dạng như sau:

https://docs.google.com/file/d/0B_3VCSudZIUsUVhGbjhJLXplY0k/edit

Để có thể sử file Js và Css mà ta đã upload cho blogspot, ta sửa lại đường dẫn trên thành:

https://googledrive.com/host/0B_3VCSudZIUsUVhGbjhJLXplY0k

Chú ý: Chỉ cần thay phần đã được hightlight đỏ. Sau khi đã có link lưu trữ tại host mới, các bạn tiến hành thay lại toàn bộ các link có sẵn trong template nha.

Cú pháp khai báo khi sử dụng trong code
với file Js

<script src="https://googledrive.com/host/0B_3VCSudZIUsUVhGbjhJLXplY0k" type="text/javascript"></script>

với file Css

<link href="https://googledrive.com/host/0B_3VCSudZIUsUVhGbjhJLXplY0k" rel="stylesheet" type="text/css"></link>

Have fun!

Read More

12 Tính năng mới đáng chú ý trên Iphone 6

Apple đã chính thức ra mắt iPhone 6 và iPhone 6 Plus. Ngoài tăng kích thước màn hình, hai chiếc iPhone mới này còn được trang bị những tính năng độc đáo, gây hào hứng cho người dùng.

1. Ngôn ngữ thiết kế mới

iPhone 6 mang trên mình ngôn ngữ thiết kế hoàn toàn mới với các góc, cạnh được bo tròn mềm mại. Trong khi đó các nút âm lượng được chuyển sang dạng hình thoi dài. Khung nhôm nguyên khối cao cấp của iPhone 6 cũng rất mỏng và nhẹ. Ở mặt sau, ống kính camera hơi nhô ra cùng dải ăng ten hiện lên khá rõ.

2. Màn hình lớn

Hiện nay, các smartphone màn hình 4.7 inch được coi là kích thước hợp lý. Nhưng với triết lý tập trung vào việc sử dụng smartphone hiệu quả bằng một tay nên kích thước màn hình 4.7 inch trên iPhone 6 thực sự là một cuộc cách mạng. Đây là lần gia tăng kích thước màn hình lớn nhất trong lịch sử phát triển của iPhone.

3. SoC A8 tốc độ cao

Apple tuyên bố rằng SoC A8 có CPU nhanh hơn 25% và GPU nhanh hơn 50% so với SoC cũ. So với các iPhone đời đầu, vi xử lý mới trên iPhone 6 và iPhone 6 Plus nhanh hơn đến 84 lần.

Vi xử lý A8 tiết kiệm năng lượng hơn tới 50%, tạo ra ít nhiệt lượng hơn nhưng vẫn duy trì hiệu suất xử lý cao. Nhằm giúp các nhà phát triển tận dụng tối đa sức mạnh của vi xử lý mới, Apple đã giới thiệu bộ công cụ lập trình Metal, Game Engine cho phép tạo ra các phần mềm có giao diện đẹp và ấn tượng hơn. Tương tự A7, A8 cũng có một vi xử lý phụ đi kèm có tên M8, vi xử lý phụ này có thể xử lý nhiều tác vụ thấp như quản lý cảm biến.

4. Camera iSight mới

Tuy có độ phân giải 8MP như camera của iPhone 5s, nhưng camera của iPhone 6 đã được cải thiện rất nhiều cả về mô-đun camera và phần mềm đi kèm. Camera của iPhone 6 được trang bị một cảm biến hoàn toàn mới. Về khía cạnh phần mềm, người dùng có thể tùy chỉnh máy ảnh bằng tay nhiều hơn.

5. Focus Pixels

Apple cũng trang bị cho camera của iPhone 6 công nghệ Focus Pixels. Focus Pixels giúp lấy nét và chụp ảnh nhanh hơn so với trước đây.

6. Face Time HD

Camera trước của iPhone 6 được trang bị một cảm biến có khẩu độ lên đến f/2.2, cho phép máy thu được nhiều ánh sáng hơn tới 80%. Ngoài ra iPhone 6 còn có tính năng nhận diện khuôn mặt phục vụ chụp ảnh tự sướng và tự sướng theo nhóm. Tính năng chụp ảnh tự sướng nhanh cũng được bổ sung: iPhone 6 có thể chụp 10 bức ảnh trong vòng 1 giây và sau đó người dùng có thể chọn ra bức ảnh đẹp nhất. Camera trước của iPhone 6 cũng có thể sử dụng cảm biến để tự động chụp những bức ảnh HDR.

7. Thời lượng pin dài hơn

iPhone 6 với dung lượng pin 1810mAh có thể nghe nhạc 50 tiếng và chơi video 1 tiếng. Thời gian lướt web qua 4G LTE và 3G trên iPhone 6 chỉ ngang bằng với iPhone 5s: 10 tiếng; thời gian lướt web qua Wi-Fi cũng được nâng cấp từ 10 tiếng lên 11 tiếng. Bù lại, thời gian thoại trên kết nối 3G được Apple đặt ở mức 14 tiếng.

8. Kết nối LTE nhanh hơn và hỗ trợ nhiều băng tần

iPhone 6 có thể tải tập tin về với tốc độ 150Mbps. Máy cũng hỗ trợ nhiều băng tần LTE hơn bất cứ thiết bị cầm tay: iPhone 6 có thể tương thích với tất cả các nhà mạng 4G trên thế giới.

9. Kết nối Wi-Fi nhanh hơn

iPhone 6 hỗ trợ chuẩn Wi-Fi 802.11 ac, cho phép người dùng tải dữ liệu về với tốc độ 1Gbps nếu nhà cung cấp mạng Internet và bộ định tuyến của bạn hỗ trợ. Gọi điện qua Wi-Fi cũng là một tính năng mới được trang bị trên iPhone 6.

10. Khí áp kế

Bên cạnh chip xử lý phụ M8, SoC A8 còn có khả năng xử lý những thông tin thu được từ cảm biến khí áp kế. Từ đó máy sẽ tính toán được áp suất không khí để đo độ cao tương đối. Khí áp kế rất hữu ích với các ứng dụng thể dục, bao gồm cả ứng dụng Health của Apple.

11. Dung lượng lưu trữ 128GB

Sau nhiều năm chờ đợi, cuối cùng thì iPhone 6 cũng có phiên bản dung lượng lưu trữ 128GB. Nhu cầu lưu trữ của người dùng ngày càng tăng nên dung lượng trên các thiết bị di động sẽ ngày càng phải lớn hơn.

12. NFC

Lợi ích của thanh toán trực tuyến là rất lớn, nhất là ở thời điểm bùng nổ Internet như hiện tại. Apple đã trang bị NFC cho iPhone 6. Táo khuyết cũng giới thiệu dịch vụ thanh toán di động Apple Pay để tận dụng ưu điểm của công nghệ này. Với sự tham gia của Apple, người dùng kỳ vọng thị trường thanh toán di động sẽ ngày càng phát triển sôi động.

Read More

Hướng dẫn tạo và sử dụng Feeds RSS chuẩn cho Blog

Trước khi viết bài hướng dẫn cách đăng ký và sử dụng chúng ta cùng tìm hiểu qua về Feeds RSS và tại sao nên đăng ký sử dụng nhé

Feeds RSS là gì ?

Feedburner Là một nguồn cung cấp dữ liệu của web/blog, đây là một tiện ích Google cung cấp cho các website
RSS là một định dạng tập tin thuộc họ XML dùng trong việc chia sẻ tin tức Web (Web syndication) được dùng bởi nhiều website tin tức và weblog.
Công nghệ của RSS cho phép người dùng Internet có thể đặt mua, hoặc miễn phí thông tin từ các websites có cung cấp khả năng RSS (RSS feeds); chúng thường là các site có nội dung thay đổi và được thêm vào thường xuyên.
Tại sao cần nên đăng ký sử dụng
Định dạng RSS cung cấp nội dung web và tóm lược nội dụng web cùng với các liên kết đến phiên bản đầy đủ của nội dung tin đó, và các siêu-dữ-liệu (meta-data) khác. Thông tin này được cung cấp dưới dạng một tập tin XML được gọi là một RSS feed, webfeed, RSS stream, hay RSS channel. Cùng với việc hỗ trợ cung cấp chia sẻ thông tin, RSS cho phép những độc giả thường xuyên của một website có thể theo dõi các cập nhật của site đó.
Nhưng để RSS hoạt động thì bạn phải có nguồn cung cấp cho nó đó chính là lý do vì sao ta phải đăng ký Feed nếu bạn muốn các thông tin trên website được chia sẻ phổ biến trên internet (SEO web/blog)

1. Tạo Feed RSS/ATOM với Feed Burner
Các bạn truy cập vào địa chỉ của Google Feed Bunner , đăng nhập bằng tài khoản google để bắt đầu đăng ký

Nhập địa chỉ blog của bạn vào ô Feed Address here và chọn Next

Ở đây chúng ta có 2 lựa chọn là Atom hay RSS ! Thực tế thì 2 cái này nó không khác nhau là mấy, đều là nguồn nạp dữ liệu tuy nhiên vì Atom ra đời sau RSS nên nó có thêm những ưu điểm hơn so với RSS. Atom cung cấp một phương tiện để định nghĩa khuôn dạng của dữ liệu được cung cấp — thí dụ như HTML, XHTML, v.v...— trong khi RSS thì không. Không như RSS, Atom hỗ trợ việc quốc tế hoá với thuộc tính xml:lang attribute. Atom cũng chấp nhận nhiều khuôn dạng ngày tháng hiện đại hơn (và tiêu chuẩn hóa), dựa trên bản Yêu cầu Góp ý (RFC - Request for Comments) 3339 phân biệt với RFC 822 của RSS. Và lựa chọn thế nào là do bạn lựa chọn dù cách nào thì các bước tiếp theo cũng giống nhau. Ở đây mình sẽ chọn Atom và next

Nhập Title và Address(địa chỉ chứa feed của bạn) bạn muốn cho Feed và next

Đến đây bạn đã tạo thành công Feed cho web/blog của bạn, Bạn có thể Lựa chọn Next để biết thêm các thiết lập cho Feed hoặc chọn Skip để tiến hành sử dụng luôn, Nếu bạn chọn next thì đừng thay đổi bất cứ gì ở trang tiếp theo và cứ next tiếp, ở đây mình sẽ chọn Skip vì mình không cần thay đổi gì ở trang tiếp theo cả

Tới đây bạn chọn Publicize để tạo một số thiết lập cơ bản

Email Subscription : Tạo khung nhập email để đăng ký nhận tin từ web/blog của bạn, Bạn có thể copy đoạn code để chèn vào tiện ích đăng ký mail, hoặc lựa chọn Blogger trong Use as a widget nó sẽ tự động tạo ra widget cho blog của bạn và chỉ việc show ra ngoài trang chủ. 2 Đoạn code thể hiện 2 mẫu widget khác nhau tùy bạn lựa chọn
FeedCount : Đếm số người đăng ký Feed.
Chọn kiểu trong phần Chicklet style , chọn màu trong Color scheme . Sau khi xong tất cả , bấm vào Activate
Sau đó bạn copy đoạn code và dán vào blog của mình ( bạn nên dán đoạn code này vào ngay phía dưới đoạn code của Email Subscription Form để trong đẹp mắt hơn )
Tạo một logo trong Feed :
Khi bạn nhấp vào link feed của blog tôi http://feeds.feedburner.com/csttol , bạn sẽ thấy một logo của blog nằm phía bên phải , để làm điều này , bạn vào Optimize > Feed Image Burner

Trong phần :
+ Image Source : chọn Specify custom image URL
+ Specify custom image URL : nhập địa chỉ URL của logo vào
+ Image Title: nhập tiêu đề của logo vào
+ Link : nhập link feed vào ( có dạng http://feeds.feedburner.com/ten-feed-cua-ban )
Bấm Activate

2. Kích hoạt Feed cho Blog

Để sử dụng được feed bạn vừa đăng ký bạn đăng nhập vào Blogger chọn Cài Đặt > Nguồn cấp Trang Web

Trong phần
+ Cho phép Nguồn cấp dữ liệu Blog : bạn chọn là Đầy Đủ
+ URL Chuyển hướng Nguồn cấp dữ liệu Bài đăng : bạn điền feed có dạng
http://feeds.feedburner.com/ten-feed-cua-ban đã tạo vào
Bấm vào Lưu Cài Đặt
Như vậy là các bạn đã tạo được Feed cho Blog của mình. Chúc các bạn thành công, Nếu có thắc mắc xin comment phía dưới mình sẽ giải đáp. Hãy like share +1 nếu các bạn thấy bài viết có ích

Read More

Những bức hình rất dễ gây hiểu nhầm

Có những bức ảnh chụp ngẫu nhiên nhưng đôi khi lại trở nên rất dị và hài hước, khiến người xem phải “sững sờ”. Bạn hãy nhìn kĩ nhé vì thoạt nhìn, những bức ảnh có thể khiến người xem ngỡ ngàng và không khỏi bị “ảo giác” đánh lừa.

Read More