Articles by "Blogger"

Showing posts with label Blogger. Show all posts

Bạn đã làm quen với giao diện quản trị của Blogspot qua bài viết Giới thiệu bố cục chính trang quản trị Blogspot, đồng thời nhận được lời khuyên của Học Blogspot rằng nên sử dụng Template Blogspot tùy chỉnh ngay từ đầu ở bài viết Vì sao nên dùng Template Blogspot tùy chỉnh?. Vậy thì đến với bài viết này, Học Blogspot sẽ hướng dẫn các bạn sử dụng các tính năng của phần Chủ đề, để tải lên Template Blogspot, sau lưu hay tùy chỉnh nó.

Những mục chính trong bài viết:
Cách sao lưu template Blogspot
Cách tải lên và phục hồi template
Cách tùy chỉnh template cơ bản
Đây là giao diện của trang Chủ đề của Blogspot:


Tại đây, chúng ta có thể thực hiện tất cả các thao tác bao gồm tải lên template, sao lưu template hay tùy chỉnh giao diện Blogspot từ đơn giản đến chuyên sâu. Chúng ta sẽ đi từng bước để tìm hiểu các tính năng này:

Sao lưu template Blogspot

Việc sao lưu template blogspot là rất quan trọng, vì vậy đã được Học Blogspot hướng dẫn riêng ở một bài viết khác. Các bạn có thể tham khảo đầy đủ các ý về sao lưu template blogspot tại đây: Tại sao chúng ta cần sao lưu template Blogspot?

Cách tải lên, phục hồi template Blogspot

Tại sao ở đây mình sử dụng từ phục hồi đi kèm với tải lên, là bởi vì 2 hành động này là giống nhau và ở bên trên bạn đã tìm hiểu cách sao lưu template Blogspot, khi cần thiết, thì tải lên cũng chính là để phục hồi lại template của bạn.

- Để tải lên template, các bạn vào trang quản trị Blogger, phần Chủ đề, sau đó lựa chọn tùy chọn Sao lưu/Khôi phục (như ảnh phía trên).

- Sau đó nhấp vào tùy chọn Chọn tệp, một cửa sổ bật ra, bạn cần chọn template mình muốn tải lên hoặc bản backup bạn muốn phục hồi. Sau đó chọn tiếp Tải lên. Và đợi 1 tí là việc tải lên sẽ hoàn thành.

tai len template blogspot

Tuy nhiên, đôi khi việc tải lên theo cách truyền thống như thế này sẽ bị báo lỗi. Lúc này thì bạn cần sử dụng cách tải template Blogspot lên bằng cách này:

- Chuột phải vào template mà bạn muốn tải lên, sau đó chọn Open with -> Notepad:

phuc hoi template blogspot

- Copy toàn bộ code bên trong:

- Tại trang quản trị Blogspot, các bạn vào Chủ đề, sau đó chọn Chỉnh sửa HTML

- Chọn tất cả các code trong đó, và paste code đã copy ở trên vào. Sau đó lưu lại.

chinh sua template blogspot

Vậy là xong, chỉ cần 1 trong 2 cách là đủ, bạn đã tải lên được giao diện template mới hoặc phục hồi lại template cũ của bạn.

Cách tùy chỉnh giao diện template cơ bản

Như đề mục nói, đây chỉ là chỉnh sửa cơ bản giao diện template, chủ yếu chỉ thay đổi được font chữ, cỡ chữ, màu sắc các phần trong template mà thôi.

- Để chỉnh sửa giao diện template cơ bản, các bạn vào Chủ đề -> Tùy chỉnh.

- Sau đó chuyển xuống tab Nâng cao:

tuy chinh template blogspot

Tại đây các bạn có thể chỉnh sửa được các chi tiết như Học Blogspot nói ở trên, gồm màu sắc, font chữ và cỡ chữ các thành phần trên trang web.

Trên đây là toàn bộ hướng dẫn về cách tải lên Blogspot, cách sao lưu cũng như tùy chỉnh cơ bản template Blogspot. Để học được nhiều hơn, bạn có thể theo dõi chuyên mục: Thủ thuật Blogspot nhé.

Hành động backup Template Blogspot là rất quan trọng khi sử dụng, giúp bạn tránh khỏi những rủi ro trong quá trình chỉnh sửa giao diện template của mình.

Tại sao chúng ta cần sao lưu (backup) template Blogspot?
Những điểm chú ý trong bài viết:
Backup template Blogspot là gì?
Sao lưu template Blogspot khi nào?
Cách sao lưu (backup) template Blogspot
Cách phục hồi template

Vậy sao lưu (backup) template là gì?

Sao lưu (Backup) template blogspot là hành động bạn tải xuống toàn bộ code của template và lưu trữ nó ở bất kỳ đâu, có thể là trên máy tính bạn, hoặc trên các đám mây lưu trữ nào đó. Nó cũng tương tự như việc backup database và code khi bạn sử dụng các hệ thống website khác.

Rõ hơn nữa...

Tại sao chúng ta cần phải sao lưu Template Blogspot? Sao lưu template ở đây là sao lưu gì?

Để trả lời câu hỏi trên, chúng ta sẽ quay ngược trở lại: Template Blogspot được cấu tạo từ gì? Đó là từ những đoạn code, là từ HTML, CSS, Jquery, Javascript... Vì vậy, sao lưu template Blogspot chính là sao lưu những đoạn code này, hay chính xác hơn là sao lưu toàn bộ code blog của bạn.

Việc sao lưu template Blogspot là điều cần thiết, bởi có thể chỉ với 1 chỉnh sửa của bạn, sẽ làm hỏng giao diện blog khiến cho một vài tính năng hay thậm chí toàn bộ giao diện không hoạt động, vì thế, bạn cần phải sao lưu chúng để đề phòng trường hợp cần thiết thì phục hồi lại.

Sao lưu template Blogspot khi nào?

Bạn cần phải sao lưu template trước mỗi thay đổi code của bạn, việc này là cần thiết để bạn có thể phục hồi bất cứ khi nào mình thay đổi bị lỗi. Ngoài ra, việc sao lưu code có thể giúp bạn đưa nó vào các blog mới của mình, để tránh việc phải sử dụng template ban đầu và lại phải sửa lại từ đầu.

Cách sao lưu template:

Để sao lưu template blogspot, các bạn có thể làm theo hướng dẫn sau:

- Vào trang quản trị blog của bạn thằng đường dẫn sau: https://www.blogger.com/

- Tiếp tục vào phần Chủ đề, và chọn tùy chọn Sao lưu/Khôi phục:

sao lưu (backup) template Blogspot

- Sau đó việc còn lại chỉ cần chọn Tải chủ đề xuống và lưu trữ tại nơi dễ quản lý là được.

Cách phục hồi template

Để biết được cách phục hồi template Blogspot, bạn có thể đọc ở bài viết: Cách tải lên và tùy chỉnh cơn bản Template.

Việc backup template là cực kỳ cần thiết đối với người dùng Blogspot. Vì vậy các bạn cần lưu ý để tránh tình trạng sửa xong rồi không cách nào khôi phục lại được như cũ, sẽ làm bạn tốn rất nhiều thời gian để làm mọi thứ lại từ đầu.

Một bài viết tốt thì ngoài nội dung hay ra chúng ta cần phải có một bài viết có bố cục, trình bày thật tốt và đẹp. Bởi bây giờ, điều đầu tiên đánh vào mắt người khác là tính thẩm mỹ, vì vậy, ngoài việc phải sử dụng một template blogspot có giao diện đẹp thì bạn cần trình bày bài viết thật tốt và bắt mắt, giúp người đọc nán lại lâu hơn và đọc nhiều hơn.

Cách đăng bài viết và định dạng bài viết Blogspot
Để có thể có một bài viết được trình bày đẹp mắt, các bạn cần phải nắm được cách đăng bài viết cũng như cách sử dụng các công cụ để định dàng bài viết blog của mình. Để làm được điều đó, hãy theo dõi hướng dẫn của Học Blogspot bên dưới đây:

Cách đăng bài viết

Để đăng bài viết trong Blogspot, mình đã từng giới thiệu cho các bạn tab Bài đăng ở bài viết: Giới thiệu tổng quan về trang quản trị Blogspot.

Để đăng bài, các bạn chỉ cần vào Tab Bài đăng, sau đó chọn tùy chọn Bài đăng mới là có thể đăng bài viết được.

Cách định dạng bài viết Blogspot

Ở bài viết này, như mình đã nói, chỉ hướng dẫn các bạn cách sử dụng các định dạng bài viết trong Blogspot mà thôi, các công cụ khác (tùy chọn khác) trong phần Bài đăng này mình sẽ hướng dẫn chi tiết ở các phần sau. Dưới đây là giao diện bài đăng của Blogspot, mình sẽ ghi chú vào tấm ảnh cho các bạn dễ theo dõi nhé:

Cách định dang bài đăng blogspot

Trong đó có:

1. Tiêu đề bài đăng: Là tiêu đề bài viết của bạn.

2. Phần nội dung bài viết, nằm toàn bộ trong khung soạn thảo.

Giờ thì tới phần các công cụ để sử dụng:

3. Viết/HTML: Đây là 1 trong 2 tùy chọn khi soạn thảo, trong đó Viết là phần hiển thị nội dung soạn thảo của bạn. Còn HTML là phần soạn thảo bài viết bằng HTML, không biết về HTML thì không cần thiết phải chuyển sang sử dụng tab này.

4. Bộ cung cụ Hoàn tác và Làm lại, như Ctrl + Z trên Word ấy mà.

5. Chổ này hỗ trợ các phông chữ cho các bạn. Có khoảng 7 phông chữ được hỗ trợ thôi. Tuy nhiên, thực tế là phông chữ hiển thị tùy thuộc vào phông chữ được quy định của từng template, nên không cần phải chọn phông chữ ở đây đâu.

6. Chỗ này là chỉnh Kích thước phông chữ, không có nhiều tùy chọn, chỉ có 5 tùy chọn thôi, nhưng như thế cũng đủ xài rồi.

7. Phần Định dạng: Đây là nơi chọn định dạng thẻ H2-H6 cho nội dung bài viết Blogspot. Độ quan trọng của thẻ này như thế nào? Mình sẽ nói rõ cho các bạn trong phần bài viết: Các định dạng thẻ Heading trong Blogspot.

8. Bộ định dạng chữ cho Blogspot, giống các bộ soạn thảo khác, đây là bộ định dạng gồm In đậm, in nghiêng, và gạch chân.

9. Còn đây là gạch giữa chữ.

10. Đây là để chỉnh màu chữ cho văn bản và cây bút bên cạnh là để chỉnh màu nền cho văn bản.

11. Liên kết là công cụ để các bạn chèn link bài viết, trang web vào nội dung văn bản.

12. Bên trái là để chèn ảnh, chính giữa là để chèn video, còn bên phải là để chèn ký tự đặc biệt. Kiểu mấy từ như $ @ … đó.

13. Là công cụ để ngắt trang văn bản. Cái này các bạn tham khảo công dụng của nó ở bài viết: Cách hiển thị đầy đủ bài viết ngoài trang chủ.

14. Để căn lề, gồm có căn trái, căn giữa và căn phải.

15. Đây là 2 cách tạo danh sách trong bài đăng, nói đơn giản là tạo các list bằng số hoặc bằng dấu chấm đầu dòng, như ảnh trên.

16. Quote: Là để trích dẫn nội dung gì đó. Đại ý là vẫn viết nội dung bình thường những nó được định dạng lại trong một cách khung trích dẫn nội dung.

17. Công cụ xóa định dạng bài viết, cái còn lại là để kiểm tra chính tả (Gần như không xài được với ngôn ngữ tiếng Việt).

18. Phần xuất bản, lưu hay xem trước là những tùy chọn để đăng bài viết, lưu lại bản nháp hoặc xem lại bài viết trước khi xuất bản.

Trên đây là toàn bộ các công cụ định dạng bài đăng có trong Blogspot. Nhiêu đây tùy chọn là đã đủ để các bạn làm đẹp bài viết của mình. Nếu biết thêm về code, các bạn có thể chuyển sang html và sử dụng code html để định dạng bài viết đẹp hơn nữa.
Đọc thêm bài viết Blogspot cho người bắt đầu tại đây: Học Blogspot cho người bắt đầu

Ở các bài trước, các bạn thường được nghe mình nói về Template Blogspot, thậm chí, giờ bạn lên Google gõ template blogspot, bạn sẽ nhận về gần 16.000.000 kết quả tìm kiếm, một con số khổng lồ. Điều này cho thấy, template blogspot là một thứ gì đó quan trọng, có lẽ rất quan trọng khi dùng Blogspot.

Template Blogspot là gì? Vì sao nên dùng template blogspot tùy chỉnh?
Vậy,

Template Blogspot là gì?

Template Blogspot là những mẫu giao diện (layout dàn trang), có bố cục được thiết kế sẵn cho người dùng blogspot. Các mẫu template blogspot hiện nay rất đa dạng, bạn chỉ cần tìm đúng giao diện phù hợp với sở thích của mình thì có thể sử dụng để áp dụng cho trang blog của mình.
Tuy nhiên, template blogspot hiện nay có 2 dạng: template trả phítemplate miễn phí. Những template có sẵn trong hệ thống Blogspot là những template miễn phí, tuy nhiên, không chỉ có những template ở đó là miễn phí, mà rất rất nhiều template được chia sẻ khác cũng là miễn phí luôn. Còn template trả phí thì bạn phải trả tiền để mua các template như vậy rồi mới được sử dụng, thường thì các mẫu template trả phí có giao diện và tính năng rất tốt.

Học Blogspot rất thích xài các template bên ngoài (template tùy chỉnh), tức là template được những người khác thiết kế và cung cấp miễn phí hoặc có phí. Vì sao như vậy? Học Blogspot sẽ giải đáp thắc mắc ngay bên dưới:

Vì sao nên dùng Template Blogspot tùy chỉnh?

Những mẫu template được các coder bên ngoài Google thiết kế, dù có không phí hay trả phí, thì chắc chắn có những điểm vượt trội so với những template được thiết kế sẵn của Google. Cụ thể như sau:
  • Giao diện rất đẹp và đa dạng. Chắc chắn rồi, không phải tự nhiên mà người ta thiết kế riêng template đâu. Giao diện các template tùy chỉnh hầu như đều rất đẹp và đa dạng, mỗi coder có một cái nhìn về vẻ đẹp, vì thế, gần như không template nào có giao diện giống template nào.
  • Tối ưu SEO tốt. Những template mặc định của Google chỉ làm theo kiểu cho vui, chứ tối ưu SEO khá tồi hoặc chỉ dừng ở mức cơ bản. Ngược lại, template tùy chỉnh được làm ra để phục vụ nhiều người, vì vậy, tối ưu SEO chắc chắn là điều kiện cần thiết đối với template loại này.
  • Nhiều tính năng. Phải nói rằng, rất nhiều coder giỏi, khi họ tạo ra các template rất đẹp và lại có rất nhiều tính năng có ích, dễ sử dụng. Gần như mỗi template đều có kiểu tùy biến giao diện trang chủ khác nhau, tùy biến menu khác nhau hay thậm chí những yêu cầu khắc khe nhất của mọi người đều có trong giao diện và chỉ với 1 câu lệnh ngắn bạn đã có thể gọi nó ra.
  • Tối ưu cho quảng cáo. Nếu bạn là người chơi MMO, chắc chắn rồi, các template tùy chỉnh đã tối ưu các vị trí đặt quảng cáo giúp bạn, chỉ cần add vào và chạy thôi.
  • ….
Template Blogspot
Một ví dụ về template tùy chỉnh

Chỉ cần có bấy nhiêu ưu điểm thôi, là đủ để bạn bỏ các template mặc định mà sử dụng các template có sẵn rồi. Để tìm những template có sẵn, bạn có thể lên Google gõ Template blogspot miễn phí hoặc truy cập vào đây: Template Blogspot miễn phí.

Lời khuyên của Học Blogspot, bạn nên sử dụng các template Blogspot tùy chỉnh ngay từ ban đầu để không phải mất thời gian thay đổi template của mình.
Còn nhiều bài viết hơn nữa: Học Blogspot cho người bắt đầu
Nguồn bài viết: Template Blogspot là gì? 

Tiếp tục series học Blogspot cho người bắt đầu, ở bài viết này, Học Blogspot sẽ giới thiệu đến các bạn bố cục chính, những thành phần của trang quản trị blogspot, nắm được nó, các bạn sẽ dễ dàng kiểm soát được Blogspot của mình, từ những cài đặt đơn giản cho đến chỉnh sửa code hay tạo các bài đăng, các trang mới.

Giới thiệu bố cục chính trang quản trị blogspot
Ở bài viết này, chúng ta chỉ đi qua tổng quan các thành phần của trang quản trị Blogspot thôi, chi tiết các phần thì có lẽ sẽ có ở những bài viết khác. Bắt đầu nhé:

Bố cục chính của trang quản trị Blogspot

Ảnh dưới đây là toàn bộ những phần có trong trang quản trị Blogspot của các bạn, được mình đánh số lại để diễn giải cho dễ theo dõi:
Bố cục chính của trang quản trị Blogspot

1. Phần này là phần chọn các blog, bạn có nhiều blog, để chuyển sang quản trị các blog khác thì các bạn chỉ cần chọn ở phần này.

2. Xem blog: Đó là link dẫn đến trang chủ blogspot của bạn.

3. Bài đăng: Là phần quản trị các bài viết blog của bạn, tại đây, bạn có thể tạo các bài đăng mới, tùy chỉnh nội dung các bài đăng hay xóa các bài đăng. (Chi tiết cách đăng bài và tùy chỉnh nội dung được mình giới thiệu ở bài này nhé: Cách đăng bài viết và định dạng bài viết Blogspot).

4. Thống kê: Là phần thống kê lượng traffic của blogspot của bạn. Bao gồm 4 mục chính là Tổng quan, Bài đăng, Nguồn lưu lượng truy cập và lượng độc giả. Tại đây có thể cho các bạn biết chi tiết traffic ghé thăm blog của bạn là đến từ nguồn nào. Tuy nhiên, lượng traffic trong này thể hiện không đúng, bởi 1 lần refresh trang nó cũng tính là 1 lượt xem, bots xem cũng tính là lượt xem.
5. Nhận xét: Mọi nhận xét trên blog của bạn đều ở đây, từ nhận xét của bạn cho đến nhận xét của người khác. Có 3 tùy chọn trong phần nhận xét này, đó là Nhận xét đã xuất bản, nhận xét Đang chờ kiểm duyệt và list nhận xét spam. Để tìm hiểu kỹ hơn thì các bạn tham khảo bài viết: Hướng dẫn cài đặt xét duyệt nhận xét của người khác nhé.

6. Chiến dịch: Là nơi liên kết với Google Adwords để tạo các chiến dịch quảng cáo blog của bạn. Nhưng nếu làm blog cá nhân hay vệ tinh thì chắc chẳng ai quảng cáo làm gì đâu. Nên không cần tìm hiểu kỹ.

7. Trang: Blogspot có 2 phần viết nội dung được, đó là Bài đăng và Trang. Có thể mường tượng, Trang có giao diện trông y hệt bài đăng. Tuy nhiên, Trang không có label, không liên kết với nhau. Đại loại, trang này sẽ độc lập với trang kia. Thông thường mọi người hay sử dụng Trang để viết nội dung cho trang Contact hay trang Sitemap hoặc thiết kế 1 giao diện Landing Page phục vụ nhu cầu nào đó.

8. Bố cục: Đây là thành phần quan trọng của Blogspot, nơi bạn quản lý giao diện blog của mình. Một blog được cấu tạo từ nhiều thành phần, mà chủ yếu là các tiện ích (widget). Ví dụ, Tiêu đề trang luôn là 1 tiện ích, phần body trang cũng là 1 tiện ích, phần sidebar cũng là 1 tiện ích, footer được cấu thành từ nhiền tiện ích…Tất cả đều là tiện ích. Việc tùy chỉnh, sắp xếp giao diện của bạn sẽ nằm trong này.

9. Chủ đề: Đây là phần đại loại gọi là Template, nó chính là nơi lựa chọn giao diện cho Blogspot của bạn. Phần Chủ đề sẽ cho phép bạn tải xuống template, úp lên template, lựa chọn các template sẵn có, hay tùy chỉnh template, nếu biết hơn nữa thì sẽ là chỉnh sửa code template. Các bạn có thể tìm hiểu thêm về template qua bài viết này: Template Blogspot là gì?
Tùy chỉnh template blogspot

Mình sẽ hướng dẫn cho các bạn kỹ hơn ở bài viết: Cách sử dụng tùy chỉnh Chủ đề (template)

10. Cài đặt: Là phần cài đặt những tính năng của Blogspot của bạn, từ cài đặt nhận xét, đến tên miền cho blogspot, thêm người quản trị hay tùy chỉnh tìm kiếm cho các công cụ tìm kiếm. Tất cả đều nằm ở đây, các bạn có thể tự mò nhé, không biết thì bình luận ở dưới để mình hướng dẫn.

Đấy, cơ bản thì trang quản trị Blogspot gồm những thành phần như vậy, hầu hết đều dễ dùng và có thể tìm hiểu chỉ qua vài bước xài thử. Các bạn có gì thắc mắc thì đặt câu hỏi ở dưới để mình giúp giải đáp nhé.
Nhớ theo dõi series bài viết Học Blogspot cho người bắt đầu nha.

Mặc định ban đầu sau khi tạo Blogspot sẽ sử dụng ngôn ngữ tiếng Anh làm ngôn ngữ chính. Tuy nhiên, không phải ai cũng giỏi tiếng Anh hay cho dù bạn giỏi tiếng Anh ở một lĩnh vực nào đó, nhưng có thể vẫn không hiểu những nội dung tiếng Anh liên quan đến internet.
Hướng dẫn cài đặt tiếng Việt cho trang quản trị Blogspot

Vì vậy, để có giao diện thân thiện hơn với các bạn, thì Học Blogspot xin hướng dẫn các bạn cách chuyển ngôn ngữ tiếng Anh sang tiếng Việt trong trang quản trị Blogspot.

Cách cài tiếng Việt cho trang quản trị Blogspot

Để cài tiếng Việt, tại giao diện quản trị Blogspot theo đường link:

- Các bạn vào Settings, tiếp tục vào User settings. Tại đây, bạn sẽ thấy mục Language, trong ảnh bên dưới, nó đang mặc định sử dụng ngôn ngữ English (United States):

Hướng dẫn cài đặt tiếng Việt cho trang quản trị Blogspot

- Để thay đổi ngôn ngữ, các bạn chỉ cần click vào đó, tìm và chọn Vietnamese - Tiếng Việt như trong ảnh bên dưới. Hệ thống sẽ tự đổi refresh trang và chuyển đổi ngôn ngữ sang tiếng Việt.

chuyen tieng viet cho blogspot

- Chỉ đơn giản vậy thôi là bạn đã chuyển ngôn ngữ tiếng Anh mặc định của Blogspot sang tiếng Việt cho dễ dùng. Nếu các bạn muốn sử dụng ngôn ngữ nào khác, cũng có thể làm tương tự vậy.
Các bạn nhớ theo dõi Series bài viết Học Blogspot cho người bắt đầu nhé.

Bước đầu để làm quen với Blogspot, các bạn cần học cách tạo blogspot. Phải có được 1 trang blogspot rồi thì mới có thể tìm hiểu được những phần khác.
Cách tạo blog, cách tạo blogspot

Tạo blogspot thực sự rất dễ, chỉ sợ các bạn chưa tìm hiểu hay không có kinh nghiệm sử dụng website nhiều thì không biết cách tạo blog mà thôi. Nếu chưa có kinh nghiệm gì, thì đây chính là hướng dẫn dễ hiểu và dễ làm theo nhất cho các bạn nhé :D

Hướng dẫn cách tạo blogspot

Blogspot là của Google, vì vậy, giống các dịch vụ khác, bạn chỉ cần sử dụng tài khoản Gmail của mình để đăng ký với Blogspot. Nếu chưa có tài khoản Gmail, thì đăng ký 1 cái đi nhé.

Để tạo blogspot, bạn làm như sau:
  1. Truy cập vào đường dẫn: https://www.blogger.com/
  2. Nếu lần đầu tạo Blogspot, thì bạn bấm Continue như trong ảnh nhé:
  3. Cách tạo blogspot cho người mới bắt đầu


  4. Sau đó bạn sẽ được chuyển sang trang mới, tại đây, để tạo blog, bạn chọn Create new blog nha:

  5. tạo blog


  6. Bây giờ, hãy nhập những nội dung bao gồm: Tiêu đề blog, đường dẫn blog. Trong đó, đường dẫn blog chính là tên miền blog của bạn đấy nhé. Đường dẫn phải có đuôi .blogspot.com nhé.

  7. cách tạo blog

    Chú ý ở dấu tick: Dấu tick xanh như vậy thì là đường dẫn dùng được, còn các dấu khác là không dùng được
    Phần chủ đề: Là những giao diện mặc định của Blogspot, bạn chọn cái nào cũng được, vì trước sau gì bạn cũng sẽ thay bằng template khác thôi.

  8. Sau khi đã nhập đầy đủ, và có dấu tick xanh như ảnh trên, thì giờ bạn có thể bấm vào Tạo blog!
Vậy là xong, bạn đã tạo được cho mình một blog rồi đấy. Cách tạo blog bằng blogspot không hề khó. Chỉ mấy bước đơn giản vậy thôi.

Bạn đang muốn tạo cho mình một blog cá nhân, và được mọi người giới thiệu sử dụng Blogspot (Blogger). Bạn muốn tìm hiểu Blogspot là gì? Và tại sao mọi người lại giới thiệu nó để bạn sử dụng, tại sao Blogspot được rất nhiều người yêu thích sử dụng để làm blog cá nhân? Chúng ta cùng tìm hiểu nhé.
Blogspot là gì? Khi nào nên sử dụng Blogspot?

Blogspot là gì?

Blogspot là một hệ thống website được cung cấp bởi Google, giúp bạn tạo ra những trang blog miễn phí với nhiều giao diện khác nhau phục vụ nhiều mục đích khác nhau.

Với Blogspot, bạn hoàn toàn không phải lo lắng về hosting để chứa web, dung lượng chứa của host, gần như không phải lo lắng bất kỳ điều gì cả. Bởi mọi thứ đều được Google hỗ trợ. Tên miền sau khi blog được tạo sẽ có đuôi .blogspot.com, hoặc...bạn có thể tùy ý trỏ tên miền riêng của mình về Blogspot của bạn.

Khi nào bạn nên sử dụng Blogspot?

Trước khi trả lời câu nói trên, chúng ta hãy thử tìm hiểu về những ưu điểm và nhược điểm của Blogspot đã.

Ưu và nhược điểm của Blogspot

Ưu điểm của Blogspot:

  • Đầu tiên chắc chắn là: Hoàn toàn miễn phí. Bạn chẳng tốn đồng nào để có hẳn cho mình một trang web, trong khi sử dụng các mã nguồn, dịch vụ khác, bạn tốn từ tiền tên miền, đến giao diện, hosting, sơ sơ mấy triệu đồng là bình thường.
  • Nhanh chóng và dễ dàng tạo một blog/website: Chỉ qua vài bước, bạn đã có cho mình một trang blog, website, rất nhanh gọn và đều có thể tự làm dễ dàng (Xem thêm: Cách tạo blogspot cho người bắt đầu).
  • Số lượng blog được tạo ra là không giới hạn: Bạn có thể tạo cho mình vài blog đến cả trăm blog trên cùng 1 tài khoản Google, điều này gần như không thể xảy ra với các hệ thống, mã nguồn khác.
  • Kho giao diện (được gọi là Template, bạn có thể tìm hiểu thêm: Template Blogspot là gì?) nhiều và chuyên nghiệp: Kho giao diện mặc định của Blogspot khá đơn giản như đẹp, tuy nhiên, nếu bạn cần những giao diện đẹp hơn, thì vẫn có rất nhiều, từ chia sẻ miễn phí cho tới có phí (Các bạn có thể tại về tại đây: Template Blogspot cực đẹp).
  • Bảo mật? Chấp hết, đây là hệ thống của Google, vấn đề bảo mật là để Google lo, chứ bạn chẳng cần đụng tay chân đến đâu.
  • Giao diện quản trị thân thiện, dễ sử dụng: Chắc chắn rồi, mình đã sử dụng qua nhiều mã nguồn, thì giao diện quản trị của Blogspot là rất dễ sử dụng, rất dễ làm quen.
  • Được hỗ trợ SEO tận răng: Là hệ thống của Google, như kiểu con ông cháu cha vậy, Blogspot rất được Google ưu tiên SEO, index nhanh và mạnh, xếp hạng cũng cao chẳng kém.
  • Dễ dàng thay đổi giao diện: Như đã nói ở trên, blogspot có khi giao diện khá lớn, và để thay đổi giao diện, chỉ qua vài bước mà thôi.
  • Cộng đồng sử dụng Blogspot nhiều, nên bí gì có thể hỏi (Google và người) giúp giải quyết ngay.

Nhược điểm của Blogspot:

  • Tên miền dài: Nếu bạn để nguyên tên miền của Blogspot, thì tên miền đó chắc chắn sẽ rất dài, gây khó nhớ cho người đọc, tuy nhiên, bạn vẫn có thể trỏ tên miền riêng về cho Blogspot của mình. (Xem thêm: Hướng dẫn trỏ tên miền về Blogspot)
  • Thường xuyên bị nhà mạng chặn: Ở Việt Nam, nhà mạng thường xuyên chặn Blogspot thường là VNPT, và vào lúc cao điểm, có thể cả FPT và Viettel cũng chặn nốt Blogspot. Nhưng vẫn có thể vượt qua việc chặn đó dễ dàng (Xem thêm: Hướng dẫn Blogspot không bị chặn bởi nhà mạng VNPT).
  • Phải tuân thủ chính sách của Google: Dùng sản phẩm của Google nên tuân thủ các chính sách của Google, như không có nội dung đồi trụy, không liên quan đến chính trị, không chèn virus... Nếu không sẽ bị xóa blog ngay.
  • Khả năng tùy biến không cao: Tại sao mình nói khả năng tùy biến không cao? Bởi vì gần như khả năng tùy biến của giao diện chỉ nằm trong khuôn khổ Template được sử dụng hỗ trợ những gì, bạn không thể tùy chỉnh theo ý thích của mình được nếu nằm ngoài khuôn khổ đó. Hoặc, bạn phải biết về lập trình, về Java, CSS, HTML.
  • Plugin hỗ trợ rất ít: Thậm chí rất ít rồi mà lại toàn lỗi kìa, nhưng giờ gần như các template được làm ra đều hỗ trợ kha khá, đủ nhu cầu rồi.
  • Hỗ trợ SEO tốt, tuy nhiên, để SEO tốt trong các ngành cạnh tranh, bạn cần phải có nhiều kiến thức về SEO lẫn code. 
  • Đường link bài viết chứa thông số tháng, năm khiến đường dẫn không đẹp, link danh mục thì lại chứa chữ label.
Từ những ưu điểm và nhược điểm của hệ thống Blogger trên, chúng ta có thể rút ra kết luận, rằng nên sử dụng Blogspot khi nào?
  1. Làm blog cá nhân: Cái này thì tuyệt vời luôn, miễn phí hoàn toàn mà lại dễ dùng.
  2. Làm trang tin tức, tạp chí: Có rất nhiều template cho blogspot siêu đẹp để làm những trang tin tức (Chẳng hạn như giao diện của mình đấy thôi).
  3. Làm website chia sẻ, thủ thuật...
  4. Sử dụng làm vệ tinh trong SEO. Gần như bất kỳ đơn vị nào cũng đều tận dụng Blogspot làm vệ tinh, bởi nó miễn phí và không tốn quá nhiều thời gian và nhân lực để setup.
Vậy, không nên sử dụng Blogspot khi nào?
  1. Làm website bán hàng: Làm thì được, tuy nhiên để có giao diện bán hàng, bạn cần mua từ những người khác và rất mất công, bởi phải đăng bài theo mẫu, giao diện tùy biến khó khăn, nếu mới tiếp xúc Blogspot thì càng gặp khó khăn nhiều hơn nữa.
  2. Làm website thương hiệu, công ty: Khả năng tùy biến không cao và đường link không đẹp, nên không nên sử dụng để làm đại diện cho thương hiệu hay công ty.
Vậy đó, từ đầu bài viết đến giờ, mình đã giải thích giúp các bạn Blogspot là gì, và nêu ra những ưu điểm và nhược điểm cũng như cho các bạn những lời khuyên khi làm blogspot. Nếu bạn là người mới, hãy theo dõi series bài viết: Blogspot cho người mới bắt đầu nha.

Nếu bạn đang làm Blogspot, và đang tìm cách ẩn/hiện widget thì bắt buộc bạn phải có được ID của widget đó. Hoặc bạn đang muốn sticky/float một widget nào đó thì bạn cũng cần phải có ID widget. Và rất rất nhiều lý do khác để bạn cần phải có ID widget để có thể tùy chỉnh giao diện theo mong muốn của mình.

Cách tìm ID widget trong Blogspot

Hướng dẫn lấy widget ID trong Blogspot

Như đã nói ở trên, chúng ta cần phải có ID widget để sử dụng trong nhiều trường hợp khác nhau khi cần chỉnh code, tinh chỉnh giao diện. Ở đây mình sẽ hướng dẫn các bạn 2 cách để lấy id widget:

1. Sử dụng inspect element của các trình duyệt để lấy widget id:

- Truy cập vào trang quản trị Blogger

- Vào Bố cục (layout):
Cách tìm ID của một widget trong Blogspot

- Chuột phải vào widget cần lấy id, chọn Kiểm tra phần tử (Inspect element):

Cách tìm ID của một widget trong Blogspot

- Hãy để ý trên ảnh, và bạn sẽ lấy được ID widget:

Cách tìm ID của một widget trong Blogspot

2. Sử dụng đường dẫn widget để lấy widget id:

- Tương tự như các 1, truy cập vào trang quản trị blogger -> Bố cục:
Cách tìm ID của một widget trong Blogspot

- Chọn widget cần lấy ID, chọn Chỉnh sửa (Edit):

Cách tìm ID của một widget trong Blogspot

- Ở đường dẫn trên cùng của cửa sổ mới bật ra, kéo xuống cuối đường dẫn sẽ thấy widget ID:

Cách tìm ID của một widget trong Blogspot

Hi vọng các bạn thích bài viết này và mong rằng nó sẽ giúp các bạn mới tập làm blog hay làm web. Cảm ơn các bạn đã ghé thăm _CTPG_. Nếu cảm thấy hữu ích hãy đăng ký nhận bài viết mới qua mail và chia sẻ bài viết với mọi người nhé.

Bạn muốn trang web của mình mới lạ với mỗi lượt truy cập, nhằm làm cho người xem đỡ nhàm chán với giao diện hiện tại? Mình đề xuất các bạn nên thay đổi màu nền cho Blogspot của bạn, và mình sẽ hướng dẫn một thủ thuật blogspot giúp các bạn tự động thay đổi màu nền mỗi khi truy cập vào trang blog.

Hướng dẫn tự động thay đổi màu nền cho Blogspot

Cách thức hoạt động của quá trình thay đổi màu nền

Trước khi vào hướng dẫn mình sẽ giải thích một tí về cơ chế hoạt động của phương pháp ở bài này: Đó là sử dụng JQuery để tự động hóa việc thay đổi màu nền mỗi khi trang web được làm mới. Bất cứ khi nào trang blogspot của bạn được refresh thì màu nền sẽ ngay lập tức thay đổi.

Có nghĩa là mỗi khi người xem refresh trang blog của bạn, thì đồng nghĩa họ sẽ nhận được một màu nền mới, có lẽ nó sẽ giúp tạo ấn tượng hơn với người xem.

Hướng dẫn tự động thay đổi màu nền cho Blogspot

Dưới đây là các bước để thay đổi màu nền, các bạn chỉ cần làm theo hướng dẫn là được.

- Truy cập vào trang quản trị Blogger của bạn ở địa chỉ: https://www.blogger.com

- Vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML):

Hướng dẫn tự động thay đổi màu nền cho Blogspot

- Giờ click vào vùng code, sau đó bấm Ctrl + F để mở hộp tìm kiếm, và tìm đến thẻ </head>, thêm đoạn code này vào ngay bên trên nó:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
function get_random_color(){var e="0123456789ABCDEF".split("");var t="#";for(var n=0;n<6;n++){t+=e[Math.round(Math.random()*14)]}return t}$(function(){$(".post").each(function(){$(this).css("background-color",get_random_color())})})//]]></script>
Lưu ý, nếu template bạn đã có sẵn jquery.min.js thì bạn có thể bỏ đoạn code này đi:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=1.5' type='text/javascript'/>
 - Lưu template lại
Sau khi lưu template lại thì bạn hãy thử ra kiểm tra blog mình xem thế nào, bạn sẽ thấy mỗi lần bạn F5 thì blog của bạn sẽ tự động thay đổi màu nền. Khá hấp dẫn phải không nào? ^^

Đây là hướng dẫn tạo sitemap cho Blogspot nhằm cung cấp cho các công cụ tìm kiếm sơ đồ trang blog của bạn, nó sẽ giúp điều hướng bots và hỗ trợ SEO Blogspot tốt hơn. Ngoài ra, với sitemap này, đây có thể nói là một trang điều hướng cho các bài viết của bạn, nó sẽ hiển thị theo label, tên đầy đủ các bài viết trong từng label, giao diện khá đẹp nhé ^^

Tạo sitemap cho Blogspot - SEO Blogger
Với sitemap cho Blogspot này, mọi thứ đều hoàn toàn tự động, mỗi bài viết sau khi được public lên sẽ tự được thêm vào để cung cấp thông tin cho các bọ tìm kiếm!

Làm sao để tạo sitemap cho Blogspot?

- Truy cập vào trang quản trị Blogger
- Chọn Trang, tiếp tục tạo Trang mới
Tạo trang cho Blogspot

- Xuất hiện khu vực như khu vực viết bài mới của chúng ta, hãy thêm đoạn code này vào phần nội dung (Nhớ là tab HTML nhé):
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category" in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="
<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>
";for(var g=0;g<postTitle.length;g++){if(a==""){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='
<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>
';l++}}}h+="</table>
";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels">
<a href="/search/label/'+temp1+'">'+temp1+"</a></p>
<ol>");firsti=a;do{document.write("
<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>
");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>
");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_YqoAnW8EHm5ljH-UF_qnXeipunyEhmWZSFalbYi7_YYCyNa35YhBkpAZXu25LbGcgEVK1WnGlrJnTAQae5d3MIHMpRoeb7IvOcMdgfyqc5DeqVuzzhQlNmplnHSO92NXF0xUCjlN3PyI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
//]]>
</script>
<script src="http://templateblogvn.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
Thay đường dẫn màu xanh bằng đường dẫn blog của bạn nhé!

   Chú ý: Phần tiêu đề, đây chính là đường dẫn đến sitemap của chúng ta, ví dụ, nếu mình ghi chổ đó là sitemap, thì sau khi public trang này ra thì nó sẽ có dạng: blogspot.com/p/sitemap.html.

- Nhìn vào thanh sidebar bên phải phần viết bài, click vào Tùy chọn, phần nhận xét của người đọc, tick vào Không cho phép, ẩn liên kết hiện có nhé.
- Sau khi hoàn thành các bước trên thì bấm vào Xuất bản nhé.

Vậy là bạn đã hoàn thành, và có 1 trang sitemap cho blogspot khá đẹp, nó sẽ nằm ở đường dẫn:
http://domaincuaban/p/sitemap.html

Bạn có thể sử dụng sitemap này để submit với Google nhằm cung cấp sơ đồ trang cho googlebot có thể tìm kiếm đến các khu vực trên website của bạn.

Như các bạn đã biết, hiện Blogspot ở Việt Nam chúng ta đang bị nhà mạng VNPT chặn truy cập, vì có nhiều thành phần chống đối nhà nước sử dụng Blogspot làm công cụ để phát tán tin tức xấu. Điều này làm ảnh hưởng đến cả những Blogger chân chính như chúng ta, điều này rõ ràng là không đáng xảy ra.

Vậy phải có cách gì đó cho chúng ta có thể tồn tại chứ, không thể cứ nhìn trang web mỗi lần bị chặn lại sụt giảm 30% lượt view như vậy được! Nhiều bạn có thể đã biết, để tránh bị VNPT chặn thì đầu tiên là nên trỏ tên miền về cho Blog, cái này mình không nói đến nữa, vì nó chính xác hoàn toàn rồi.
Nhưng... trỏ tên miền xong thì chưa đủ, vì những hình ảnh trên web chúng ta đều có đuôi .blogspot.com, chính vì thế, cũng bị nhà mạng VNPT chặn nốt. Vào trang web mà ảnh thì chẳng có cái nào, xem bài viết ảnh toàn lỗi, vậy nếu là bạn bạn có out ngay cho khỏe không? Câu trả lời là có!

Cách hiển thị ảnh Blogspot dù bị VNPT chặn

Chính vì thế, mình viết bài hướng dẫn này, giúp các bạn hiển thị ảnh trên Blogspot cho dù VNPT có chặn hay không! Cách này rất đơn giản, không cần phải sử dụng bất kỳ trang upload ảnh nào khác!

Vậy cách hiển thị ảnh Blogspot dù bị VNPT chặn làm thế nào?

Blogspot, mặc định nó có 1 công cụ upload ảnh, tuy rằng, các bạn khi kiểm tra HTML của nó, thì ảnh có đuôi là .blogspot.com. Tuy nhiên, không phải, trang web lưu ảnh của chúng ta upload lên là Picasa chứ không phải Blogspot, nhiệm vụ của Blogspot chỉ là đổi đường link ảnh mà thôi :)

- Sau khi upload ảnh, viết bài đầy đủ rồi, thì đừng public vội, hãy chuyển sang tab html:
Cách hiển thị ảnh Blogspot dù bị VNPT chặn
- Tìm hết những đường link ảnh mà bạn đã upload, và thay toàn bộ phần này:

1.bp.blogspot.com
2.bp.blogspot.com
3.bp.blogspot.com
4.bp.blogspot.com

thành lh3.ggpht.com  hoặc lh3.googleusercontent.com --->> Chú ý: lh3, các bạn có thể thay số 3 thành 3-6 đều được nhé, hiện các subdomain này đều đang được Picasa sử dụng :)
- Và giờ thì bạn đã có thể public bài viết, những đường link ảnh đã được chuyển về đúng dạng của nó, và tất nhiên là sẽ hiển thị ảnh dù VNPT có chặn hay không, vì VNPT chỉ chặn blogspot.com thôi ^_^

Bạn có thích 1 thanh menu đẹp để áp dụng cho thanh menu cố định khi cuộn trang lung thị linh hơn? ^_^ Ở đây mình sẽ chia sẻ cách làm menu xổ xuống (drop down) cơ bản nhất cho Blogspot. Sau khi hoàn thành bạn sẽ có 1 thanh menu ấn tượng!

Cách làm menu xổ xuống (Drop down) Blogspot


Chú ý là tất cả hướng dẫn ở đây chỉ áp dụng cho những mẫu có sẵn khu vực navigation ở top, còn những mẫu template khác thì các bạn phải tùy biến nhiều hơn mới có kết quả!

Làm thế nào để làm menu xổ xuống (Drop down)?

- Truy cập vào trang quản trị Blogger > Design (Thiết kế)  > Page Elements (Bố cục)


Cách làm menu xổ xuống (Drop down) Blogspot

- Hãy chọn thêm HTML/JavaScript như ảnh trên, và paste đoạn code này vào:

<div id='drnavbar'> 
      <ul id='drnav'> 
        <li> 
          <a href='#'>Trang chủ</a> 
        </li> 
        <li> 
          <a href='#'>Chém gió</a> 
        </li> 
        <li> 
          <a href='#'>Liên hệ</a> 
        </li> 
        <li> 
           <a href='#'>Menu</a>
            <ul> 
                <li><a href='#'>Menu 1</a></li> 
                <li><a href='#'>Menu 2</a></li> 
                <li><a href='#'>Menu 3</a></li> 
              </ul> 
        </li>
      </ul> 
    </div>

Trong đó:
+ Những dấu # sẽ được thay bằng các đường dẫn đến các chủ đề mà các bạn muốn nó xuất hiện
+ Chữ màu xanh là nội dung hiển thị của các chủ đề
+ Thẻ <ul>...</ul> là thẻ dùng để mở rộng tạo menu xổ xuống (drop down). Như đoạn code trên thì khi  trỏ chuột vào Menu, sẽ xổ xuống các Menu 1,2,3
Sau đó lưu lại đi!

- Giờ thì đến Design (Mẫu)> Edit HTML (Chỉnh sửa HTML)
- Giờ thì nên backup toàn bộ code trước khi chỉnh sửa nhé, để khi cần còn có thể phục hồi lại như cũ
- Tìm kiếm đến thẻ ]]></b:skin> và thêm đoạn CSS này lên trên nó:
/*----- Drop Down Menu ----*/

#drnavbar { 
    background: #060505; 
    width: 960px; 
    color: #FFF; 
        margin: 0px; 
        padding: 0; 
        position: relative; 
        border-top:0px solid #960100; 
        height:35px;
}

#drnav { 
    margin: 0; 
    padding: 0; 
#drnav ul { 
    float: left; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
#drnav li { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
        border-left:1px solid #333; 
        border-right:1px solid #333; 
        height:35px; 
#drnav li a, #drnav li a:link, #drnav li a:visited { 
    color: #FFF; 
    display: block; 
   font:normal 12px Helvetica, sans-serif;    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
        
#drnav li a:hover, #drnav li a:active { 
    background: #BF0100; 
    color: #FFF; 
    display: block; 
    text-decoration: none; 
        margin: 0; 
    padding: 9px 12px 10px 12px; 
        
    
        
}
#drnav li { 
    float: left; 
    padding: 0; 
#drnav li ul { 
    z-index: 9999; 
    position: absolute; 
    left: -999em; 
    height: auto; 
    width: 160px; 
    margin: 0; 
    padding: 0; 
#drnav li ul a { 
    width: 140px; 
#drnav li ul ul { 
    margin: -25px 0 0 161px; 
#drnav li:hover ul ul, #drnav li:hover ul ul ul, #drnav li.sfhover ul ul, #drnav li.sfhover ul ul ul { 
    left: -999em; 
#drnav li:hover ul, #drnav li li:hover ul, #drnav li li li:hover ul, #drnav li.sfhover ul, #drnav li li.sfhover ul, #drnav li li li.sfhover ul { 
    left: auto; 
#drnav li:hover, #drnav li.sfhover { 
    position: static; 
}
#drnav li li a, #drnav li li a:link, #drnav li li a:visited { 
    background: #BF0100; 
    width: 120px; 
    color: #FFF; 
    display: block; 
    font:normal 12px Helvetica, sans-serif; 
    margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
z-index:9999; 
border-bottom:1px dotted #333;
    
#drnav li li a:hover, #drnavli li a:active { 
    background: #060505; 
    color: #FFF; 
    display: block;     margin: 0; 
    padding: 9px 12px 10px 12px; 
        text-decoration: none; 
}

Các đoạn CSS có #... là màu của các thành phần trong thanh menu nhé, màu thế nào là tùy các bạn. Bạn có thể thay đổi font chữ tại đoạn code màu xanh

Cuối cùng là lưu template lại và tận hưởng thành quả :D Nhưng nhớ là có không vừa ý thì cũng tự hiểu rằng đây chỉ là đoạn code cơ bản để làm menu xổ xuống (Drop down) cho Blogspot thôi ^_^ Bạn phải tùy chỉnh một vài nội dung nữa nó mới hợp với trang web của bạn!

Hôm trước mình có viết bài hướng dẫn các bạn cách tạo ra một trang blog cho mình bằng Blogspot. Đó mới chỉ là tạo ra blog và sử dụng những template có sẵn mà Blogger cung cấp cho chúng ta. Nay với bài viết này, mình sẽ hướng dẫn các bạn cách thay đổi template mặc định của blog bằng những template tùy chỉnh khác đẹp hơn.

Cách thay đổi template blogspot

Hướng dẫn thay đổi template cho Blogspot:

- Đầu tiên bạn hãy download những template blogspot cực đẹp được share tại Trần Bá Đạt (_CTPG_)
- Tiếp theo hãy truy cập vào trang quản trị blog của bạn tại: https://www.blogger.com
- Chọn blog của bạn, và làm theo ảnh này:
Hướng dẫn thay đổi template cho blogspot

Click vào Mẫu (Templates), tại đây chúng ta có nhiều tùy chọn. Từ những tùy chỉnh mà template cung cấp, cho đến chỉnh code của template và các template có sẵn...

Hãy chọn vào Sao lưu/ Khôi phục ở góc bên phải (Vị trí số 2 trên ảnh), đây là khu vực cho bạn có thể export code của toàn bộ trang blog của mình ra file xml và cũng là nơi bạn import những file template có sẵn (xml) vào để thay thế code hiện tại.
Hướng dẫn thay đổi template cho blogspot

- Sau khi vào đó, hãy click vào phần Chọn tệp (Choose file), và duyệt đến file template blog mà bạn đã tải ở trên (Nó là file xml nha). Và tiếp hành Tải lên (Upload). Đợi 1 tí thì sẽ có thông báo thành công (hoặc lỗi :v :v ).

Đây là cách tải lên template bằng công cụ có sẵn của blog, tuy nhiên, bạn có thể thay đổi template blogspot bằng cách khác. Nhất là khi việc Upload lên bị lỗi:

- Đầu tiên vẫn là tải template về, sau đó hãy giải nén ra. Chúng ta sẽ có một hoặc nhiều template có sẵn trong đó.
- Tiếp hành mở các template này, bằng notepad có sẵn (Code sẽ lộn xà bần lên ^^)  hoặc sử dụng một công cụ lập trình khác như Notepad ++ (Mình đang dùng cái này)

Hướng dẫn thay đổi template cho blogspot

- Hãy copy toàn bộ code trong đó

Hướng dẫn thay đổi template cho blogspot

- Và vào Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML), hãy chọn toàn bộ code trong đó và paste toàn bộ code đã copy lúc nãy vào và lưu lại

Hướng dẫn thay đổi template cho blogspot

OK, sau khi lưu lại xong thì hãy vào xem sự thay đổi của trang blog của mình nhé. Tuy nhiên, với nhiều template, thì bạn cần phải tùy chỉnh nhiều mới có thể được đúng như ảnh demo. Chính vì thế nếu cần support gì thì cmt bên dưới nhé :)

Robot.txt là một dạng text chứa các câu lệnh để điều hướng cho các robot tìm kiếm của các công cụ tìm kiếm được phép và không được phép Index nội dung nào trên website. Robots.txt là một trong những yếu tố quan trọng trong việc tối ưu SEO Blogspot.


File Robot.txt chuẩn nhất cho Blogspot

Vậy cấu trúc file Robot.txt nào là chuẩn nhất cho một trang blog?

Nói chuẩn nhất thì nói chung thôi, chứ thật ra file Robot.txt sẽ tùy vào chủ ý của chủ blog mà cho phép hay không cho phép index những nội dung nào.

Đây là file robot.txt đầy đủ nhất:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Sitemap: http://blogcuaban/feeds/posts/default?orderby=UPDATED
Sitemap: http://www.tranbadat.info/sitemap.xml

- Dòng Allow:/ tức là cho phép bot có thể index tất cả nội dung trên trang web.
- Disallow: /search , được dùng khi bạn không muốn bot index các labels của blogspot. Tuy nhiên, nếu nội dung tốt và có code chuẩn SEO cho các Label, thì ngại ngùng gì mà chặn index nó chứ. Các bạn hãy thử gõ Naruto Coming trên Google Search sẽ thấy Label này của http://tranbadat.info đang ở top 1 ^_^
- 2 disallow còn lại cũng tương tự, chặn cũng ok, không vấn đề gì.
- Còn lại là 2 dòng sitemap, khai báo sitemap cho bot có thể dễ dàng index nội dung. Thay 2 dòng chữ màu xanh bằng đường dẫn blog của bạn nhé.

Cách thêm nội dung vào file robot.txt:

- Vào trang quản trị của blogspot ở địa chỉ: blogger.com
- Vào Cài đặt (Setiings), chọn phần Tùy chọn tìm kiếm (Search Options), và tiến hành chỉnh sửa file robot.txt nhé.

File Robot.txt chuẩn nhất cho Blogspot

Chúc các bạn có một trang web đẹp và tối ưu SEO cho Google!

Cách tạo blog cá nhân dễ dàng nhất là sử dụng Blogspot, bạn sẽ chẳng tốn phí gì cả, và việc tạo được một blog diễn ra chỉ trong vài bước, rất nhanh chóng.

Blogspot (hay còn gọi là Blogger) là một sản phẩm của Google cho phép bạn tạo một trang blog hoàn toàn miễn phí, bạn không hề tốn chi phí gì cho hosting hay tên miền. Tên miền của Blogspot sau khi được tạo ra sẽ có dạng tenbandat.blogspot.com. Và nếu bạn có một tên miền riêng, thì Blogspot cho phép bạn trỏ tên miền đó về để thay thế cho tên miền sẵn có.

Cách tạo trang blogspot
Cách tạo blogspot

Video hướng dẫn tạo blog cực dễ:


Cách tạo blog dễ dàng bằng Blogspot

Để tạo blog bằng Blogspot, đầu tiên bạn hãy truy cập vào địa chỉ: https://www.blogger.com , Blogspot là một sản phẩm của Google, vì thế bạn chỉ cần đăng nhập bằng tài khoản Google là được. Sau khi đăng nhập xong thì sẽ có giao diện như thế này:

Cách tạo trang blog bằng Blogspot

Hãy click vào Blog mới, đây chính là nơi để bạn tạo blogspot cho chính mình. Và đây là giao diện tiếp theo:

Cách tạo trang blog bằng Blogspot

Ở đây có 4 nội dung bạn cần chú ý:

  1. Vị trí số 1: Đó chính là tên Blog của bạn, là tên để bạn quản lý trong danh sách các blog của bạn. Và nó cũng là tên hiển thị ban đầu của blog của bạn.
  2. Vị trí số 2: Tại đây bạn cần nhập địa chỉ trang blog của bạn. Chỉ cần bạn nhập phần trước .blogspot.com, như của mình là tranbadat. 
  3. Vị trí số 3: Tại đây có 2 trường hợp, nếu là dấu tick như trên thì tức là địa chỉ blog này có sẵn có bạn, bạn có thể dùng nó. Còn nếu có dấu chấm than màu vàng, tức tên miền đó đã được sử dụng, bạn phải đổi tên khác.
  4. Vị trí số 4: Các templates có sẵn được Blogspot cung cấp cho các Blogger.
Xem thêm: Cách thay đổi giao diện cho Blogspot
Sau khi điền đầy đủ thông tin và chọn theme phù hợp với mình, hãy click vào tạo Blog. Và bạn sẽ được chuyển đến giao diện như thế này:

Cách tạo trang blog bằng Blogspot

 Đây chính là giao diện quản lý của Blogspot. Các công cụ quản lý đã được đánh số trong ảnh. Đây là khái quát một số nội dung của nó:
  1. Vị trí 1: Là trang Tổng quan, cung cấp những thông tin tổng quan về blog của mình như lượt truy cập, thống kê số lượng bài, nhận xét...
  2. Ví trí 2: Đây là khu vực quản lý các bài bạn đã đăng lên blog của mình, bạn có thể chính sửa hay xóa bài đăng trong này.
  3. Vị trí 3: Đây là nơi tạo các trang cho blog của bạn. Sẽ được mình hướng dẫn kỹ hơn vào các bài sau.
  4. Vị trí 4: Là khu vực nhận xét, bạn có thể quản lý các nhận xét trên blog của bạn trong này.
  5. Vị trí 5: Google+, quản lý các tùy chọn về Google + trên blog của bạn. Có thể chọn tự đăng bài lên G+ ngay sau khi post bài đăng.
  6. Vị trí 6: Là khu vực thống kê đầy đủ về blog của bạn, thống kê về số lượng truy cập, khu vực địa lý, trình duyệt, máy tính hay điện thoại.
  7. Vị trí 7: Tạo các chiến dịch quảng bá blog của bạn trên Google, nó tích hợp với Google Analytics.
  8. Vị trí 8: Khu vực quản lý các module trên trang web của bạn, module ra sao là tùy vào template của bạn dùng cung cấp.
  9. Vị trí 9: Là nơi chứa các templates có sẵn, và bạn có thể thêm hoặc xóa templates .
  10. Vị trí 10: Cung cấp khá nhiều tùy chỉnh hệ thống cho blogspot của bạn.

Về cơ bản đây là tổng quan về cách tạo blog bằng Blogspot và một số thông tin căn bản. Trong các bài tiếp theo mình sẽ hướng dẫn kỹ hơn.

Các bạn có thể theo dõi các bài viết về Blogspot tại nơi này: Thủ thuật Blogspot

Author Name

Contact Form

Name

Email *

Message *

Powered by Blogger.