MMO - kiếm tiền online và thủ thuật máy tính


Cộng đồng vui bựa status Tham gia đê

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad

15:49 |

Chrome Remote Desktop - một ứng dụng cho phép iPhone của bạn có thể truy cập và điều khiển máy tính cá nhân ngay từ xa.


Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad

Do đặc thù của công việc, mình phải thường xuyên làm việc trên nhiều máy tính ở cùng một thời điểm khác nhau. Nếu có sẵn 1 chiếc laptop thì quá tiện rồi, chỉ cần bật Teamview hay Ultraview lên là xong nhưng không phải lúc nào mình cũng có thể mang laptop theo bên người được. 

Mình đã từng dùng thử Teamview trên iphone để remote máy tính từ xa nhưng hiệu quả không cao, khó tao tác và màn hình thì cực kỳ khó nhìn. Đôi khi nó còn liên quan đến bản quyền nữa. Nhưng, tất cả đã thay đổi cho tới khi mình bắt gặp Chrome Remote Desktop.

Ưu điểm của Chrome Remote Desktop


- Giao diện đơn giản, dễ thao tác.
- Mỗi máy tính chỉ cần duy nhất 1 mật khẩu, bật máy lên là vào việc luôn :)) Điều này đơn giản hơn rất nhiều so với việc bạn phải ghi nhớ mật khẩu của Teamview hay Ultraview cho những lần truy cập tiếp theo.

Hạn chế


- Chưa thể thực hiện chức năng Copy - Paste hay một số tổ hợp phím.
Khắc phục : dùng bàn phím ảo và dính nó vào taskbar.

Cách kết nối iPhone với máy tính bằng Chrome Remote Desktop

Lưu ý
- Tài khoản Google dùng ở các bước phải là giống nhau.
- Sử dụng trình duyệt Chrome hoặc Cốc Cốc.
- Trên iPad, anh em thao tác kết nối cũng tương tự nhé. iPad màn to dùng thích lắm luôn 😝

Bước 1 : Cài đặt ứng dụng Chrome Remote Desktop trên iPhone/iPad


- Cài đặt từ App Store tại link này.
- Sau khi cài đặt thành công, hãy đăng nhập ứng dụng bằng tài khoản Google bạn muốn nhé.

Bước 2 : Thao tác trên máy tính


- Mở trình duyệt, vào google.com.vn và đăng nhập tài khoản Google giống bước 1.
- Truy cập tiếp vào đường link sau : https://remotedesktop.google.com/?pli=1
- Để bắt đầu kết nối, hãy chọn mục Truy cập vào máy tính của tôi.

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Bắt đầu kết nối iphone với máy tính cá nhân

- Nhấn nút tải xuống để trình duyệt tải về các ứng dụng cần thiết cho việc thiết lập quyền truy cập từ xa.

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Thiết lập quyền truy cập từ xa

- Một cửa sổ mới được bật ra, hãy chọn Thêm vào Chrome để tích hợp add-on vào trình duyệt. Thiếu add-on này là không chạy được ứng dụng đâu nhé !

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Thêm add-on Chrome Remote Desktop vào trình duyệt

- Sau khi cài đặt add-on thành công, trình duyệt sẽ tự động tải về thêm một file nữa có tên kiểu chromeremotedesktophost.msi. Khi đó, bạn chỉ việc nhấn vào nút Chấp nhận và cài đặt ở màn hình máy tính thôi nhé.

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Cài đặt phần mềm đi cùng trên máy tính cá nhân

- Chọn Run và chuyển sang thao tác tiếp theo.

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Chạy app bằng 2 cách : từ trình duyệt hoặc ở mục Download trên PC

- Sau khi hoàn tất việc cài đặt, màn hình trình duyệt sẽ xuất hiện một thông báo về việc đặt tên cho máy tính. Các bạn có thể đặt tên tùy ý,sao cho dễ hiểu và dễ phân biệt trong trường hợp kết nối iphone tới nhiều máy tính khác nhau.

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Đặt tên cho máy tính cá nhân

- Tiếp đến là đặt mật khẩu, sau đó nhấn Bắt đầu.

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Bước cuối : đặt mật khẩu

- Giao diện khi kết nối thành công. Như ở ảnh dưới, mình đã kết nối cả 2 máy tính (1 cái ở cơ quan, 1 cái ở nhà) với iPhone :))

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Các máy tính có thể được kết nối với iPhone của mình

Bước 3 : Thao tác truy cập từ xa trên iPhone


- Mở ứng dụng
- Những máy tính nào có trạng thái là Trực tuyến thì có thể kết nối tới iPhone.

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad

- Mình sẽ chọn máy tính ở nhà có tên là NCP-Home, sau đó gõ chính xác mật khẩu đã tạo ở bước 2.



- Truy cập từ xa thành công, đến đây chúng ta có thể phóng to / thu nhỏ màn hình để tiện cho việc thao tác. Ngoài ra, nếu bạn muốn xuất hiện con trỏ, bàn phím hay muốn nhấn tổ hợp Crtl Alt Del ... thì tất cả cũng đều có trong nút menu xanh ở góc dưới bên phải màn hình đấy nhé, cái này để anh em tự khám phá thôi :))

Điều khiển máy tính từ xa bằng Chrome Remote Desktop trên iPhone và iPad
Ảnh chụp từ màn hình điện thoại

Lời kết


Với bản thân mình, Chrome Remote Desktop là một ứng dụng thật sự hữu ích. Nó đem lại hiệu quả sử dụng rất khác biêt khi so sánh với Teamview hay những phần mềm tương tự và trong tương lai, mình nghĩ đội ngũ của Google sẽ còn có nhiều nâng cấp thú vị hơn nữa.



Từ khóa tìm kiếm :

  • Chrome Remote Desktop
  • Cách sử dụng Chrome Remote Desktop
  • Chrome Remote Desktop trên điện thoại
  • Kết nối iphone với máy tính bằng Chrome
  • Quên mã PIN Chrome Remote Desktop
  • Kết nối điện thoại với máy tính Chrome
  • Cách sử dụng Chrome Remote Desktop iOS
  • Remote máy tính bằng Chrome

Lập chỉ mục bằng Search Console phiên bản mới

15:51 |

Về cơ bản thì chức năng lập chỉ mục và thu thập dữ liệu trên Search console vẫn thế, tuy nhiên thao tác đơn giản hơn nhiều.


Lập chỉ mục bằng Search Console phiên bản mới
Lập chỉ mục bằng Search Console phiên bản mới

Cuối tháng 3 năm 2019, Google Search Console tung ra phiên bản mới với giao diện cực kỳ dễ nhìn và ấn tượng. Do điều kiện công việc nên mình cũng chưa có thời gian để test hết những thay đổi này, có gì mới sẽ viết bài dần dần sau nhé :))

Ở bản Search Console này, tính năng Tìm nạp URL đã được đổi tên thành Kiểm tra URL, có mỗi thế thôi còn chức năng thì vẫn như cũ - vẫn là yêu cầu Google index bài viết càng nhanh càng tốt :))

Hướng dẫnlập chỉ mục trên Search Console mới


Bước 1
- Đăng nhập vào Search Console.
- Bên menu trái, chọn Kiểm tra URL.
- Paste URL bài viết cần kiểm tra của bạn vào khung và nhấn Enter
(ví dụ : https://www.123itvn.com/2019/04/cach-quay-man-hinh-co-am-thanh-tren-ios.html)

Lập chỉ mục bằng Search Console phiên bản mới
Paste URL của bạn vào đây 

Bước 2 
- Nếu bài viết đã được lập chỉ mục, bạn sẽ nhận được thông báo "URL nằm trên Google" (tìm nạp thành công).
- Nếu chưa thì website sẽ hiển thị như ảnh dưới. Khi đó bạn chỉ việc nhấn vào Yêu cầu lập chỉ mục và đợi Google index là xong. Đấy có thế thôi :))

Lập chỉ mục bằng Search Console phiên bản mới
Lập chỉ mục bằng Search Console phiên bản mới

Ở phiên bản trước, mình chỉ mất vài phút để Google index thành công URL mới và bài viết có mặt trên kết quả tìm kiếm. Nhưng với phiên bản này, rất khó để biết được chính xác khoảng thời gian lập chỉ mục. Ban đầu còn ngồi hóng, về sau thì kệ đấy, 2 hôm sau check lại thì thấy đã index :))


Từ khóa tìm kiếm :

  • lập chỉ mục trên google
  • tìm nạp url trên google
  • lập chỉ mục search console
  • kiểm tra url search console

Tạo và sử dụng Google Form

15:04 |

Một công cụ đơn giản nhưng có thể tạo ra những bản khảo sát hay trắc nghiệm cực kỳ hiệu quả tại thời điểm này.



⇒ "Đáp viên" : thuật ngữ để chỉ người tham gia trả lời câu hỏi.

Mình biết tới google form (google biểu mẫu) cũng khá lâu rồi nhưng nay mới có dịp sử dụng và chia sẻ với anh em. Về cơ bản, google form đáp ứng được hoàn toàn những yêu cầu tối thiểu để tạo ra 1 bản khảo sát thu thập thông tin. Nếu bạn đã từng làm khảo sát trên Yougov hay Ipanel online ... thì google form cũng hoàn toàn có thể làm được bộ câu hỏi như vậy.

⇒ Xem thêm : top 10 website khảo sát kiếm tiền ở Việt Nam

Google form là một công cụ miễn phí, cũng không có bản trả phí đâu nhé nên đừng tìm làm gì :)) Để sử dụng được công cụ này, người dùng cần phải có 1 tài khoản của Google.
Okie, giờ là lúc đi vào nội dung chính của bài viết.

Giai đoạn 1 : Tạo biểu mẫu



Google form đã liệt kê sẵn một số thư viện, anh em có thể xem chi tiết từng cái sau đó chọn biểu mẫu phù hợp hoặc tạo hẳn 1 cái mới. Mình thường chọn form Thông tin liên hệ.

Tạo và sử dụng Google Form
Thư viện có sẵn trên Google biểu mẫu

Một số ưu điểm
- Không giới hạn số lượng câu hỏi, thêm thoải cmn mái nếu bạn thích.
- Định dạng câu hỏi đa dạng, phù hợp cho mục đích tạo bản khảo sát hoặc bài thi trắc nghiệm. Với trường hợp trắc nghiệm, đáp viên có thể biết ngay số điểm sau khi hoàn thành bài làm.
- Có thể chia nội dung câu hỏi thành nhiều phần, chỉnh sửa khá dễ dàng.

Tạo và sử dụng Google Form
Các định dạng câu hỏi ở giao diện người quản trị

Google form được thiết kế giao diện đáp ứng (responsive) nên tương thích khá tốt với tất cả các trình duyệt. Sau khi tạo thành công 1 biểu mẫu, bạn chỉ việc copy link trên trình duyệt và gửi trực tiếp cho các đáp viên là xong. Đơn giản đúng không ?

Tạo và sử dụng Google Form
Giao diện biểu mẫu trên điện thoại thông minh

Giai đoạn 2 : Thu thập, xem kết quả


Mỗi khi đáp viên hoàn thành bài làm, kết quả sẽ được cập nhật theo thời gian thực và hiển thị bằng biểu đồ như hình dưới. Mình cực kỳ thích tính năng này :))

Tạo và sử dụng Google Form
Kết quả được thống kê bằng biểu đồ hình tròn

Tạo và sử dụng Google Form
Một dạng biểu đồ khác trên Google biểu mẫu

Ngoài dạng biểu đồ tổng quan, Google form còn cho phép quản trị viên có thể xem trực tiếp toàn bộ các câu trả lời trên trình duyệt dưới dạng trang tính (một tên gọi khác của excel) hoặc tải file này về máy tính với định dạng .xlsx.

Tạo và sử dụng Google Form
Click để xem dưới dạng trang tính

Với file excel tải về, chúng ta có thể thực hiện các thao tác phức tạp hơn như lọc, sắp xếp, tìm kiếm ... tùy theo mục đích cá nhân.

Tạo và sử dụng Google Form
Nội dung file excel tải về

Đánh giá chung


So với việc lập trình một phần mềm để phục vụ việc khảo sát - trắc nghiệm, rõ ràng Google Form đang chiếm nhiều ưu thế hơn hẳn.
- Được thừa hưởng 1 sản phẩm đóng gói hoàn chỉnh, không mất thời gian tìm hiểu, nghiên cứu và xây dựng code.
- Không cần quan tâm tới vấn đề về tên miền cũng như hosting.
- Thao tác đơn giản nhanh chóng với cả người tạo và người làm. Ngoài ra còn một số ưu điểm đã được mình liệt kê ở các giai đoạn trên.

Hạn chế


- Không thể tạo tài khoản cho từng đáp viên, chỉ có duy nhất cách gửi link biểu mẫu.
- Thao tác vẫn chủ yếu bằng tay.
- Không thể đặt thời gian cho bài làm khảo sát.
- Với một số yêu cầu lọc hoặc phân tích phức tạp, bảng tính excel có thể sẽ không đáp ứng một cách đầy đủ.


Từ khóa tìm kiếm :

  • tạo google form google biểu mẫu
  • xem kết quả google form
  • chọn nhiều đáp án trong google form
  • google form là gì
  • hướng dẫn sử dụng google form
  • thủ thuật google form

Chuyển hướng http sang https cho blogspot

16:43 |

Hiện nay, hầu hết các website đều đã chuyển sang sử dụng giao thức HTTPS và nền tảng blogger cũng không là ngoại lệ.


Chuyển hướng http sang https cho blogspot
Chuyển hướng http sang https cho blogspot

HTTP và HTTPS


⇒ HTTP - HyperText Transfer Protocol (giao thức truyền tải siêu văn bản) là một giao thức cơ bản dùng để truyền tải dữ liệu từ trình duyệt web đến máy chủ và ngược lại.
⇒ HTTPS - HyperText Transfer Protocol Secure là phiên bản "nâng cấp" của HTTP với độ bảo mật tăng lên rất nhiều thông qua các chứng chỉ SSL (Secure Sockets Layer).

Ví dụ
http://www.123itvn.com
https://www.123itvn.com

Chúng ta có thể thấy ngay được sự khác biệt giữa 2 đường link bên trên (ở chữ s), đó chỉ là 1 trong rất nhiều đặc điểm dùng để phân biệt 2 giao thức với nhau. Nếu có thời gian, mình sẽ chia sẻ nhiều hơn về HTTP và HTTPS. Còn bây giờ là lúc quay trở lại nội dung chính :)

Theo thông tin của Google, mặc dù https chưa khả dụng cho các blog có miền tùy chỉnh nhưng trong quá trình chuyển hướng từ http sang https, mình thấy mọi thứ vẫn trong tầm kiểm soát và thực sự là chưa có gì đáng để lo lắng.

Chuyển hướng http sang https cho blogspot


Nghe chuyển hướng thì hoành tráng vậy thôi, chứ thực ra blogspot đã hỗ trợ sẵn rồi, quản trị viên chỉ vào kích cmn hoạt lên là xong :))

- Đăng nhập blogger.
- Bên menu trái, chọn Cài đặtCơ bản.
- Tại mục HTTPS, chọn như hình dưới. Done.

Chuyển hướng http sang https cho blogspot
Chuyển hướng http sang https cho blogspot


Những thay đổi khi chuyển hướng từ http sang https trên blogspot


Quảng cáo adsense tạm thời không hiển thị


Sẽ mất một thời gian (vài giờ ⇒ vài ngày) để blogger điều chỉnh và hiển thị lại quảng cáo của Google Adsense. Trong thời gian tiếp theo, đôi khi quảng cáo hiển thị cũng không ổn định cho lắm, nhưng từ từ rồi sẽ hết. Chỉ việc đợi thôi, không nên quá lo lắng nhé.

Thông tin web chưa hiện "Bảo mật" trên URL


Nguyên dân : do code của blogspot vẫn đang sử dụng hỗn hợp cả http và https.
Khắc phục :
- Tại menu trái của blogspot, chọn Chủ đềChỉnh sửa HTML.
- Nhấn tổ hợp phím Ctrl + F, tìm kiếm từ khóa "http:" và thay thế tất cả thành "https:"
Làm từ từ, lần lượt cho đến khi nào xong thì thôi.
- Lưu lại template và kiểm tra xem chữ "Bảo mật" đã xuất hiện chưa. Chúc thành công.

Chuyển hướng http sang https cho blogspot
Thông tin trang web đã được "bảo mật"

Nếu muốn tìm hiểu kỹ hơn, bạn có thể xem hướng dẫn của Google tại đây.

Thao tác dành cho quản trị viên


Với Search Console (Google Webmasters)


- Truy cập Search Console, thêm trang web mới với URL chứa https.

Chuyển hướng http sang https cho blogspot
Thêm trang web mới trên Search Console

- Thêm sơ đồ trang web và chỉnh sửa file robots.txt.

Với Google Analytics


- Truy cập Google Analytics. Bên menu trái, chọn Quản trị (hình bánh răng) ⇒ Cài đặt thuộc tính.
- Ở mục URL mặc định, chọn https:// rồi lưu lại là xong.

Chuyển hướng http sang https cho blogspot
Cài đặt lại URL mặc định trên Google Analytics


Từ khóa tìm kiếm :

  • cai dat https cho blogspot
  • https for blogger
  • chuyển từ http sang https
  • chuyển hướng https blogger
  • http ssl trên blogspot
  • chuyển hướng http sang https blogspot
  • bật chuyển hướng https blogspot
  • chuyen huong http sang https

Thiết lập mẫu bài đăng trên blogspot

13:13 |

Mẫu bài đăng là một tính năng rất thú vị trên blogspot dành cho những website có nội dung bài viết được lặp lại nhiều lần (bán hàng online hay review ứng dụng chẳng hạn). 


Thiết lập mẫu bài đăng trên blogspot
Thiết lập mẫu bài đăng trên blogspot

Quản trị viên chỉ cần thiết kế nội dung cho mẫu bài đăng một lần duy nhất. Từ những lần tạo bài đăng mới tiếp theo, blogspot sẽ tự động hiển thị lại nội dung đó. Với 123itvn, mẫu bài đăng đơn giản chỉ là phần Từ khóa tìm kiếm nằm ở cuối mỗi trang.

Thiết lập mẫu bài đăng


- Đăng nhập vào blogspot.
- Bên menu trái, chon Cài đặtBài đăng, nhận xét và chia sẻ.
- Tại mục Mẫu bài đăng, quản trị viên nhập nội dung vào đó.

Lưu ý : Nội dung được viết bằng ngôn ngữ HTML - CSS, hãy đảm bảo là bạn am hiểu về chúng. Nếu cần trợ giúp, hãy liên hệ với mình để được hỗ trợ nhé ;)

Thiết lập mẫu bài đăng trên blogspot
Thiết lập mẫu bài đăng trên blogspot

- Nhấn Lưu cài đặt để hoàn tất.

Kết quả



Thiết lập mẫu bài đăng trên blogspot
Nội dung bài đăng mới trên 123itvn.com


Từ khóa tìm kiếm :

  • mẫu bài đăng trên blogspot
  • tạo mẫu bài đăng blogspot như nào
  • thiết lập mẫu bài đăng blogger
  • tao mau bai dang cho blogspot

Những hạn chế khi sử dụng blogspot

19:43 |

Gắn bó với nền tảng blogger cũng gần 5 năm, ngày hôm nay, mình sẽ quyết định bóc phốt để em có 1 tương lai tươi đẹp hơn =)) 


Lời ngỏ : Ngày nào đó nếu đội ngũ quản trị Blogspot có đọc được những dòng này, mình hi vọng các bạn sẽ tiếp tục hoàn thiện sản phẩm tốt hơn nữa để anh em blogger có 1 sân chơi thật sự chất lượng.

Những hạn chế khi sử dụng blogspot
Những hạn chế khi sử dụng blogspot


1. Tính năng phân trang chưa ổn


Đường link phân trang không chuyên nghiệp, vừa dài lại chứa quá nhiều ký tự.
Với khách truy cập website, có thể họ sẽ không để ý tới điều này nhưng dưới góc nhìn của một người quản trị viên thì thật khó mà chấp nhận đươc.

Ví dụ : http://www.123itvn.com/search/label/Dịch vụ?updated-max=2014-12-06T19%3A20%3A00%2B07%3A00&max-results=9#PageNo=2
Nếu đường dẫn trên được cập nhật ngắn gọn thành http://www.123itvn.com/label/Dịch vụ/2 thì đơn giản hơn rất nhiều đúng không ?

2. Chưa thể lấy view bài viết trực tiếp


Với blogspot, bạn chưa thể đưa ra số lượt xem (view) cho mỗi bài viết trong khi một số template kiểu haivl, 9gag hay xem.vn ... thì rất cần thông số lượt xem. Để làm được điều này chúng ta phải nhờ đến bên thứ 3, phức tạp hơn hẳn.
 Blogger nên cung cấp 1 tham số để đưa ra view trực tiếp thì sẽ hay hơn, ví dụ như "data:post-viewcount".

Những hạn chế khi sử dụng blogspot
Lượt view của bài viết

3. Tiện ích chưa nhiều và không thiết thực


27 là số tiện ích cơ bản mà blogspot cung cấp cho người dùng tại thời điểm hiện tại. Trong số đó mình chỉ thấy vài cái là ổn, có vẻ đội ngũ quản trị blogger chưa thực sự chú trọng đến vấn đề này.
Tiện ích nên thiết thực hơn, không cần nhiều nhưng ít nhất nó cũng đem lại sự tiện lợi cho quản trị viên và tăng được sự tương tác giữa khách truy cập với website. Về khoản này, có lẽ blogspot cần học hỏi WordPress nhiều :)

Những hạn chế khi sử dụng blogspot
Tiện ích trên nền tảng blogger

Lời kết


Trước mắt chia sẻ thế đã. Blogspot thì nhiều lỗi lắm mà mình chưa có thời gian để bóc phốt :)) anh em nếu có đóng góp cứ comment bên dưới nhé. Mình sẽ tiếp thu để bài viết đầy đủ hơn.


Từ khóa tìm kiếm :

  • nhược điểm của blogspot
  • hạn chế của nền tảng blogger
  • hạn chế khi sử dùng blogspot

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot

23:22 |

Với thủ thuật này, việc biến ảnh thu nhỏ (thumbnail) từ video trên youtube thành ảnh thu nhỏ của bài viết với blogger sẽ trở nên dễ dàng hơn bao giờ hết.


Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot

Mục tiêu


Bài viết của mình chỉ có duy nhất 1 video từ youtube, ngoài ra không chứa bất cứ hình ảnh nào khác. Trong khi đó, template hiện tại lại không hỗ trợ việc hiển thị ảnh đại diện (thumbnail) với nội dung từ video. Mình sẽ phải tìm cách nào đó để biến từ không thể thành có thể. Okie men :)

Yêu cầu
- Sao lưu template blogspot trước khi thao tác.
- Code template đã có dòng lệnh hỗ trợ javascript.



Code tự động lấy ảnh


<script type='text/javascript'>
var lk = '<data:post.thumbnailUrl/>';
var td = '<data:post.title/>';
//<![CDATA[
document.write('<img class="anhyoutube" src="'+lienket+'" title="'+tieude+'" alt="'+tieude+'"/>');
//]]>
</script>

Với đoạn mã này, ảnh thumbnail của video trên youtube sẽ được blogspot tự động lấy làm thumbnail cho bài viết. Bạn chỉ việc copy - paste nó vào vị trí cần thiết trong template là okie. Nói đơn giản vậy thôi còn trên thực tế cũng khoai đấy :))

Mỗi template được viết code rất khác nhau, nếu quản trị viên không nắm vững về các thẻ HTML, mã CSS, JavaScript ... thì việc hiển thị thumbnail sẽ trở nên khó khăn bởi đoạn code do mình cung cấp chỉ là phần cơ bản. Để ảnh thumbnail hiển thị đẹp, phù hợp với giao diện thì anh em cần tùy chỉnh thêm về CSS. Class của hình ảnh này là anhyoutube nhé.

Và đây là cách chèn code của mình - dưới góc nhìn của 1 người không chuyên. Hi vọng anh em có thể hiểu rõ hơn và áp dụng phần nào vào teamplate. Chúc thành công !


Sử dụng code trong blogspot


Lúc đầu, trang hiển thị bài viết theo Nhãn (Label) chưa hề có ảnh đại diện. Để thumbnail xuất hiện,  mình cần làm 3 việc sau đây :
1. Tìm class áp dụng cho label trong template.
2. Chèn code tự động lấy ảnh vào đó.
3. Tùy chỉnh CSS.

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Ban đầu, chưa có ảnh

Bước 1 :  Tìm class (lớp) hoặc id 


Rõ ràng là mình không thể lần mò để tìm code label trong template bởi việc này sẽ tốn khá nhiều thời gian. Một cách làm khác đơn giản hơn là tìm kiếm gián tiếp thông qua trình duyệt.
- Chuột phải vào bài viết đầu tiên, chọn Kiểm tra (với Cốc Cốc, Chrome) hoặc Kiểm tra phần tử HTML (với Firefox) ...

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Kiểm tra mã nguồn

- Bằng cách này, trình duyệt sẽ hiển thị đoạn mã HTML + CSS của đối tượng. Mình chỉ việc tìm class  đang được áp dụng cho bài viết ở trang Label mà thôi.
Sau khi xem xét, có thể kết luận thẻ <div> với class="post" chính lớp mình cần tìm (3 khung khoảnh đỏ). Okie, xong bước 1.

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Đã tìm được class tương ứng

Bước 2 : Xác định vị trí của class hoặc id trong template


- Đăng nhập vào blogger. Bên menu trái, chọn Chủ đềChỉnh sửa HTML.

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Mở phần chỉnh sửa HLMT trên blogger

- Đưa con trỏ chuột vào phần chứa nội dung template.
- Nhấn tổ hợp phím Ctrl + S để mở hộp tìm kiếm, sau đó nhập chính xác tên của đối tượng tìm được ở bước 1 mà cụ thể là class 'post'.

Lưu ý
- Bạn có thể nhập từ khóa là 'post' (ngoặc đơn) hoặc "post" (ngoặc kép) để hệ thống tìm được kết quả phù hợp (điều này phụ thuộc code trong template).
- Nếu template có nhiều class tên 'post' thì bạn phải tìm đúng class dùng cho việc hiển thị ở bước 1. Mình còn test lại bằng cách thêm thử 1 số ký tự vào dòng tiêu đề (H2). Lưu template lại, F5 xem tiêu đề trên web có thay đổi không cơ :))

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Tìm đến class trong template

- Tìm đến thẻ <data:post.body/> bởi trong blogspot thì thẻ này luôn dùng để hiển thị nội dung bài viết. Sau đó paste đoạn mã tự động lấy ảnh vào ngay phía sau.

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Chèn đoạn mã vào sau <data:post.body/>

Bước 3 : Chỉnh sửa CSS


Lưu template. F5 xem website đã hiển thị đúng ảnh thumbnail cho bài viết chưa ?
Kết quả là ảnh đại diện đã có, nhưng nó xuất hiện cùng clip nữa. Việc tiếp theo là phải ẩn clip đi. Cũng làm tương tự như bước 1, tìm đến class của video sau đó thêm thuộc tính CSS {display:none} là xong.

Tự động lấy ảnh thumbnail từ video youtube làm thumbnail trên blogspot
Giao diện hiển thị sau khi thêm đoạn code

Lời kết


Thật sự không dễ dàng gì để anh em có thể tối ưu ảnh thumbnail cho bài viết được lấy từ ảnh thumbnail của video youtube. Chia sẻ của mình cũng chỉ là áp dụng cho template mà mình đang sử dụng. Rất mong nhận được thêm nhiều sự đóng góp của các bạn để bài viết hoàn thiện hơn.
Cảm ơn :)


Từ khóa tìm kiếm :

  • lấy ảnh đại diện youtube làm thumbnail blogspot
  • biến thumbnail video youtube thành thumbnail blogspot
  • lấy ảnh đại diện cho bài viết từ thumbnail youtube
  • tự động tạo thumbnail cho blogger từ video youtube

Tạo và trỏ subdomain cho blogspot

15:54 |

Chỉ với vài thao tác đơn giản, subdomain sẽ khiến trang blogspot của bạn đơn giản và chuyên nghiệp hơn nhiều.


Tạo và trỏ subdomain cho blogspot
Tạo và trỏ subdomain cho blogspot

Mục tiêu đề ra


- Tên miền chính (domain) : www.123itvn.com, đã được đăng ký tại namecheap.
- Tạo thêm tên miền phụ (subdomain) : ncp.123itvn.com từ URL ban đầu : ncp1207.blogspot.com.
Cả 2 website trên đều được xây dựng từ blogspot (blogger) và chúng là độc lập.

Tạo và trỏ subdomain cho blogspot
Sơ đồ cho anh em xem :))

Bước 1 : Tạo subdomain cho blogspot


- Đăng nhập blogger. Bên menu trái, chọn Cài đặtCơ bản.
- Nhấp vào "Thiết lập URL của bên thứ 3 cho blog của bạn".

Tạo và trỏ subdomain cho blogspot
Bắt đầu thiết lập subdomain cho blogspot

- Nhập URL của subdomain, nhớ là không click vào ô chuyển hướng bên dưới nhé. Sau đó Lưu lại.

Tạo và trỏ subdomain cho blogspot
Nhập URL của subdomain

- Lúc này địa chỉ blog sẽ được hiển thị như hình dưới. Nhấn Chỉnh sửa rồi tắt đi khoảng 2 đến 3 lần để blogger xuất hiện bảng thông số chi tiết.

Tạo và trỏ subdomain cho blogspot
Địa chỉ blogspot và subdomain

Lưu ý 2 dòng khoanh đỏ, vì chúng sẽ được sử dụng ở bước 2.

Tạo và trỏ subdomain cho blogspot
Bảng thông số chi tiết để cấu hình DNS trên namecheap


Bước 2 : Trỏ subdomain về host của blogspot tại namecheap.com


Thực ra việc trỏ subdomain hoặc gán tên miền riêng đăng ký ở namecheap cho blogspot cũng chính là 1, khác nhau duy nhất có lẽ là các URL.

gioitreonline69.blogspot.com ⇒ www.123itvn.com
ncp1207.blogspot.com ⇒ ncp.123itvn.com

Thao tác


- Đăng nhập namecheap.com, vào phần quản lý tên miền Domain list (bên menu trái).
- Chọn tiếp tab Advanced DNSAdd new record để tạo 1 dòng cấu hình DNS mới.
- Điền thông số của 2 dòng lần lượt như hình dưới, cuối cùng Save lại.
- Đợi khoảng 30' để namecheap cập nhật cấu hình mới và bạn có thể truy cập subdomain.
Chi tiết hơn, mời anh em xem qua bài viết tạo subdomain cho tên miền trên namecheap.com.

Tạo và trỏ subdomain cho blogspot
Thông số các dòng DNS



Một số lưu ý


Subdomain của mình có URL : ncp.123itvn.com, tuy nhiên khi thêm www vào trước thì không được. Để khắc phục điều này, quay trở lại namecheap ...


Từ khóa tìm kiếm :

  • tạo và trỏ subdomain cho blogspot
  • trỏ subdomain về host blogspot
  • hướng dẫn tạo dubdomain cho blogspot
  • cách trỏ subdomain namecheaep về blogspot

Chèn file office word, excel, powerpoint và pdf vào blogspot

23:16 |

Thông qua Google Drive, chúng ta có thể dễ dàng chèn hoặc nhúng các file office như word (doc,docx) - excel (xls, xlsx), powerpoint (ppt, pptx) hay pdf vào nền tảng blogger.


Chèn file office word, excel, powerpoint và pdf vào blogspot
Chèn file office word, excel, powerpoint và pdf vào blogspot

Hiện tại, blogspot chưa hỗ trợ việc chèn trực tiếp file office trong bài viết nên chúng ta sẽ phải nhờ đến 1 đối tác thứ 3, cụ thể hơn là các website cung cấp dịch vụ lưu trữ đám mây (cloud storage).

Ngoài Google Drive mà mình giới thiệu trong bài viết, các bạn cũng có thể sử dụng One Drive của Microsoft hoặc Dropbox, ... Còn nhiều lắm nhưng mình chỉ chọn 1 thằng thôi. Đăng ký tài khoản Google nếu chưa có nhé.



Hướng dẫn chèn file office vào blogspot


Bước 1 : Đăng nhập trang chủ Google Drive.
Bước 2 : Upload 1 file bấy kỳ, ở bài viết này mình sử dụng excel nhé (vidu-ncp.xlsx)

Chèn file office word, excel, powerpoint và pdf vào blogspot
Chọn New / File upload để tải file lên Google Drive

Bước 3 : Sau khi upload thành công, mở file excel gốc bằng công cụ Google Sheets (có sẵn).
Chuột phải chọn Open with / Google Sheets.

Chèn file office word, excel, powerpoint và pdf vào blogspot
Mở file excel trên Google Drive bằng công cụ Google Sheets

Lúc này, Google Drive sẽ tự động tạo thêm 1 bản sao khác của file excel gốc. Đây chính là đối tượng mà mình hướng tới, từ giờ trở đi thì tất cả các thao tác như chỉnh sửa nội dung, chèn file vào blogspot ... sẽ được tiến hành với bản sao này.

Chèn file office word, excel, powerpoint và pdf vào blogspot
Chú ý icon của file excel gốc và bản sao nhé !

Bước 4
- Mở bản sao lên (kích chuột 2 lần), tại thanh công cụ chọn File / Publish to the web.
- Click vào tab Embed (nhúng) rồi nhấn Publish. Khi Google Drive đưa ra thông báo hỏi bạn có muốn công khai file này không, chọn OK.

Chèn file office word, excel, powerpoint và pdf vào blogspot
Công khai bản sao và tiến hành lấy mã nhúng

- Copy mã nhúng do Google Drive cung cấp, ví dụ :

<iframe src="https://docs.google.com/spreadsheets/d/1VH-ShbCrCHOL1euzLaH1x1yxpQiAiSWr13VqjObjpMM/pubhtml?widget=true&amp;headers=false"></iframe>

Bước 5 : Quay lại blogspot, chuyển nội dung soạn thảo của bài đăng hoặc trang từ Viết sang HTML. Sau đó paste đoạn mã trên vào vị trí mong muốn. Như vậy là bạn đã chèn file excel vào blogspot thành công.


Lời kết


Để cập nhật nội dung cho file nhúng, bạn chỉ việc vào Google Drive và tiến hành chỉnh sửa trên bản sao, hệ thống sẽ tự động lưu lại nội dung mới. Trong khi đó, dữ liệu thì được update liên tục 5 phút 1 lần :))
Để chèn file word, powerpoint hay pdf vào blogspot bạn cũng làm tương tự như hướng dẫn ở trên nhé.


Từ khóa tìm kiếm :

  • cách upload file lên blogger
  • chèn file pdf vào blogspot bằng google drive
  • hướng dẫn chèn file office vào blogspot
  • chèn file doc, xls, ppt, pdf vào blogspot