Showing posts with label Khai thác Google. Show all posts
Showing posts with label Khai thác Google. Show all posts

Tạo Host lưu trữ bằng Google Drive cho website

Google có thể giúp bạn tải lên các file HTML/CSS vào Google Drive và bạn có thể xuất bản chúng cho mọi người xem. Trang web từ Google Drive cũng sẽ hỗ trợ JavaScript, do đó, nó có thể chạy một ứng dụng JavaScript trực tiếp từ Drive. Qua bài viết này, bạn sẽ được hướng dẫn cách làm thế nào để lưu trữ một trang web đơn giản trên Google Drive, và cách để biến google driver thành một hostting để lưu trữ các file css và  javascripts.

Lý do bạn  nên sử dụng host Google Drive

  • Không gian lưu trữ: Google Drive cung cấp 5GB lưu trữ trên mỗi tài khoản. Bạn có thể dễ dàng tải lên nhiều tài liệu.
  • Tạo và lưu trữ hoàn toàn đơn giản: Với Google Drive bạn có thể linh hoạt tạo và lưu trữ các tài liệu khác nhau như bảng tính hoặc bài thuyết trình. Bạn có thể sửa đổi và đọc tài liệu bất kỳ lúc nào bạn muốn. 
  • Nơi lưu trữ đáng tin cậy: Sử dụng Google Drive bạn có thể yêu tâm về mức độ bảo mật tài liệu của bạn. Thời gian hoạt động là 24/24 nên bạn thà hồ mà lưu trữ bất kỳ điều gì bạn thích. Nó có băng thông không giới hạn nhưng bạn phải chăm sóc cho không gian đĩa không vượt quá 5GB hoặc bạn có thể nâng cấp tài khoản. 
  • Trở lại và sửa đổi: Google Drive theo dõi gần như tất cả các thay đổi mà bạn thực hiện. Vì vậy bất cứ khi nào bạn thực hiện lưu một tài liệu, thì một phiên làm việc mới cũng sẽ được lưu lại. Bạn có thể quay lại và thực hiện sửa đổi cho phù hợp. 
  • Chia sẻ hoặc sử dụng với mục đích cá nhân: Bạn có thể chia sẻ tập tin hoặc thư mục với bất kỳ ai. Bạn chỉ việc cài đặt tính năng Public/Private trong tài khoản của bạn. 
  • Bảo mật tốt: Google Drive đã luôn luôn chứng minh là dịch vụ lưu trữ đáng tin cậy nhất với băng thông không giới hạn. Hơn nữa để chứng minh cho độ bảo mật tốt Google Drive đã sử dụng giao thức HTTPS để giữ tài khoản của bạn luôn an toàn. 
  • Tất cả là miễn phí :Tất cả những gì mà Google Drive dành cho bạn là hoàn toàn miễn phí. Thì còn ngần ngại gì mà không sử dụng host Google.

Các bước thực hiện

Bước 1: Đăng ký một tài khoản Google drive
Bước2: dùng Google Drive để làm Hostting chứa file css và  javascripts
2.1 Đầu tiên, bạn truy cập địa chỉ https://drive.google.com/ và tạo ra một thư mục mới.
2.2 Đặt tên cho thư mục, điều này không quan trọng vì tên mà bạn sử dụng sẽ không xuất hiện trong các URL của trang web.
2.3 Nhấp chuột phải vào thư mục mới được tạo ra, và từ menu ngữ cảnh bấm vào Chia sẻ (Share) =>  Chia sẻ (Share). Bạn có thể truy cập vào menu từ nút More ở phía trên cùng của trang Google Drive, một khi thư mục của bạn được chọn.
2.4 Từ đây, sẽ mở ra trang Cài đặt chia sẻ (Sharing settings), với một liên kết dẫn đến các thư mục chia sẻ, bây giờ hãy sao chép liên kết vào clipboard của bạn.
- Thư mục hiện nay là riêng tư, bạn sẽ phải làm cho chúng trở thành công cộng nếu bạn muốn lưu trữ một trang web để mọi người có thể truy cập. Hãy nhấn vào liên kết Thay đổi (Change) như hình trên để thực hiện điều này.
2.5 Trên cửa sổ pop-up tiếp theo, chọn tùy chọn mà bạn muốn. Ở đây, đã chọn công khai trên web (Public on the web) nhưng bạn cũng có thể chọn Anyone with the link nếu bạn muốn chia sẻ các trang web chỉ với một nhóm được lựa chọn của riêng bạn. Phải biết rằng, bất cứ ai cũng có thể xem trang web này nếu họ có liên kết và họ cũng không cần đăng nhập Google để xem.
- Như vậy là bạn đã tạo được một thư mục để chưa các file của bạn rồi công việc tiếp theo là làm thế nào để Upload file và sử dụng link của nó. Để làm được điều đó ta tiến hành bước tiếp theo nha.
Bước 3: Tải và lấy link file của bạn.
6. Bấm vào nút tải và chọn tải lên dạng tệp hay thư mục ở ví dụ này mình chọn tải lên một tệp (tất nhiên bạn có thể chọn tải lên cả một thư mục).
- Sau đó chọn file để tải lên.
7. Sau khi tải lên bạn tiếp tục click chuột  phải vào file cần lấy link sau đó vào Chia sẻ (Share) =>  Chia sẻ (Share)
- Sao chép toàn bộ đường link trong textbox để chia sẻ.
- Sau khi sao chép địa chỉ liên kết trông như thế này https://drive.google.com/file/d/0B1NDc1Nph6Z7d1BRS3l2cXRtNGc/view?usp=sharing
- Và để có thể sử dụng link làm host thì bạn thêm đoạn code màu cam vào sau URL bên dưới:
https://googledrive.com/host/. Khi đó các bạn sẽ được link host như bên dưới
https://googledrive.com/host/0B1NDc1Nph6Z7d1BRS3l2cXRtNGc
Đó là URL trang file của bạn, nó chưa được đẹp lắm và bạn sẽ không có cách nào để tùy chỉnh cho nó, nhưng bạn luôn có thể sử dụng một dịch vụ URL ngắn để thu gọn URL.
Đọc tiếp ...

Các thủ thuật với Google Blogger

1. Hướng dẫn đổi tên nhãn

(tham khảo http://www.kslzone.net/2013/11/huong-dan-oi-ten-nhan-trong-blogger.html)
  • Đầu tiên vào blog của bạn chọn Bài đăng >> Tất cả
  • Tại bên phải, phí trên ấn vào Tất cả các nhãn >> Chọn nhãn mà bạn muốn xóa hoặc đổi tên
  • Chọn tất cả bài viết phía dưới bằng cách ấn vào checkbox
  • Bấm vào icon Nhãn và chọn Tạo nhãn mới...
  • Một hộp thoại mới nổi lên,đơn giản chỉ cần nhập vào tên nhãn mới và nhấn OK
  • Tiếp tục bấm vào icon nhãn và chọn tên nhãn cũ. (Xóa nhãn cũ đi)
  • Sau khi bấm vào bạn sẽ thấy một thông báo nhỏ “Nhãn tìm kiếm đã bị xóa khỏi XX bài đăng đã chọn” => Thành công

2.  Tự động tạo trích dẫn có hình thu nhỏ

(tham khảo: http://www.dophuquy.com/2012/05/tu-dong-tao-trich-dan-co-hinh-thu-nho.html)


1. Đầu tiên, các bạn vào Mẫu, chọn Chỉnh sửa HTML
2. Bấm Ctrl+F để tìm đến mã:</head>
3. Chèn đoạn mã dưới đây ngay sau mã vừa tìm được:
<!-- Auto read more script Start -->
<script type='text/javascript'>
var thumbnail_mode = "yes"; //chọn yes để hiển thị ảnh thu nhỏ, ngược lại chọn no
summary_noimg = 430; //chiều dài trích dẫn với bài viết ko có hình
summary_img = 340; //chiều dài trích dẫn với bài viết có hình
img_thumb_height = 100; // chiều cao hình thu nhỏ
img_thumb_width = 120; // chiều rộng hình thu nhỏ
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<");
  for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
  }
  strx =  s.join("");
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2;
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
 strx = strx.substring(0,chop-1);
 return strx+'...';
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
 if(img.length>=1) {
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 }
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>

<!-- Auto read more script End -->
4. Tiếp tục, tìm đoạn mã: <data:post.body/>
5. Thay đoạn mã vừa tìm được bằng đoạn mã bên dưới:
<!-- Auto read more Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Đọc tiếp ...</a>
</b:if>
</b:if>
<!-- Auto read more End -->

6. Bấm Lưu mẫu để hoàn thành!

Đọc tiếp ...

Thu thập thông tin khách hàng dùng Google Form

Bạn có một trang web bán hàng hoặc chia sẻ thông tin. Bạn muốn thu thập thông tin đăng ký từ khách hàng và gửi email confirmation đầu tiên đến họ, Google Form là công cụ hữu ích giúp bạn việc này. Hãy thực hiện theo các bước như bên dưới
Thu thap thong tin khach hang qua Google Form

B1. Tạo Form qua Google Drive
B2. Hiển thị form thực tế (Send Form => Copy Link => Open Link)
B3. View source code của page, copy đoạn từ "<form.." đến hết "</form>"
B4. Dán trực tiếp vào bài viết của bạn (qua HTML codes)
B5. View và xóa bớt các nội dung thừa trên form, chèn thêm nội dung nếu cần
B6. Truy cập lại Google Drive, mở lại file Response (file lưu trữ thông tin đăng ký mà bạn đã chọn ở bước 1, Spreadsheet file)
B7. Chọn Tools/Script Editor/New Project, sau đó Paste đoạn codes sau vào và lưu lại với tên bạn muốn
function formSubmitReply(e) {
var userEmail = e.values[2];
MailApp.sendEmail(userEmail,
"www.NguyenTrungKien.vn - Email Registration Confirmation",
"Chúc mừng bạn đã đăng ký thành công. \n\n" +
"Tôi sẽ gửi thông tin hữu ích đến bạn qua email này. Nếu cần bất cứ thông tin gì xin vui lòng liên hệ:\n\nKienNT | 0912.656.836 | http://fb.com/nmcmba",
{name:"Nguyen Trung Kien"});
}​
Chú ý chỉ số 2 trong e.values[2], đây là số thứ tự cột lưu thông tin email trong danh sách đăng ký (đếm từ 0)
B8. Chọn Resources/Current Project's Triggers, thêm trigger mới (nếu chưa có), sau đó chọn các thông số [formSubmitReply, From spreadsheet, On form submit] trong box hiện ra.

Tổng hợp bởi Nguyễn Trung Kiên


Đọc tiếp ...

Tối ưu SEO website trong Blogspot

Tham khảo từ nhiều nguồn khác nhau, tôi thấy có thể thực hiện theo các bước dưới đây để tối ưu SEO website khi triển khai website trên nền tảng Blogspot:
1. Chọn template
- Dạng 2 cột, trái là bài viết, phải là các widget => thông dụng & thân thiện người dùng. Việc này giúp bạn SEO website đạt được ROI tốt hơn.
- Cấu trúc thẻ heading:
  + Đa phần chỉ có 1 H1, tiêu đề của bài viết là H2 hoặc H3 => khó SEO bài viết con
  + Cần có sẵn 2 thẻ H1, 1 cho toàn bộ website, 1 cho tiêu đề bìa viết (xem phần 5)
Toi uu SEO website trong Blogspot

2. Sửa các thẻ <meta>
Đây chính là yêu cầu tối thiểu để tối ưu SEO website chính của bạn
Tìm đoạn code
  <meta name="description" content="" />
  <meta name="keywords" content="" />
Chuyển thành
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <meta name="description" content="Mô tả blog" />
  <meta name="keywords" content="Các từ khóa chính" />
  </b:if>

3. Chỉnh sửa tiêu đề bài viết
Thông thường, bài viết mới có title dạng "title-blog | title-bài-viết"; Để SEO website, bài viết cần đưa title của bài viết lên trước, dạng "title-bài-viết | title-blog", bằng cách
Tìm đoạn code
  <title><data:blog.pageTitle/></title>
Chuyển thành
  <b:if cond='data:blog.pageType == "item"'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <b:else/>
  <title><data:blog.pageTitle/></title>
  </b:if>

4. Thêm mô tả cho link của tiêu đề
Thêm mô tả cho đường link của tiêu đề khi đưa con trỏ chuột đến đó, bằng cách tối ưu như sau:
Tìm đoạn code
  <a expr:href='data:post.link'><data:post.title/></a>
Chuyển thành
 <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
Tiếp tục tìm đoạn code
  <a expr:href='data:post.url'><data:post.title/></a>
Chuyển thành
 <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>

5. Chuyển tiêu đề bài viết sang H1
Tối ưu thẻ h1 - Heading Tag (H1, H2, H3, H4, H5) cũng rất quan trọng đối với SEO. Tất cả các tiêu đề Widget của blogspot sử dụng thẻ H2. Nhưng template lại thường sử dụng H3 cho tiêu đề bài đăng và rất nhiều template khác sử dụng thẻ H2 cho tiêu đề bài
Để tối ưu SEO website, bạn cần sử dụng thẻ H1 cho tiêu đề bài viết. Ví dụ đoạn code sau:
  <b:if cond='data:post.title'>
  <h3 class='post-title entry-title'>
  <b:if cond='data:post.link'>
  <a expr:href='data:post.link'><data:post.title/></a>
  <b:else/>
  <b:if cond='data:post.url'>
  <a expr:href='data:post.url'><data:post.title/></a>
  <b:else/>
  <data:post.title/>
  </b:if>
  </b:if>
  </h3>
  </b:if>
Trong ví dụ này thì template sử dụng thẻ H3 cho phần tiêu đề bài (nếu bạn không tìm ra thì có thể template của bạn sử dụng thẻ H2). Để tối ưu, bạn thay thế thẻ H3 (H2) trong ví dụ trên thành H1

6. Tạo URL thân thiện
- C1: tạo tiêu đề không dấu => publish bài viết => chuyển tiêu đề về có dấu
- C2: sử dụng tính năng tùy chỉnh URL của blogspot - Liên kết cố định/Liên kết cố định tùy chỉnh

7. Tạo sitemap
- Sitemap cho Googlebots, tạo trong Google Webmaster Tool
       atom.xml?redirect=false&start-index=1&max-results=500
- Sitemap cho người dùng, tạo 1 page mới trong Blog, sau đó chèn đoạn mã sau vào HTML codes
  <script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"> </script> 
  <script src="http://your-domain-name/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

8. Các điều chỉnh khác để tối ưu SEO website trong nền tảng Blogspot
  • Tạo Breadscrumb
  • Tạo bài viết liên quan
  • Tạo các emoticon khi comment
Đọc tiếp ...