Thứ Sáu, 27 tháng 2, 2015

huong dan lam blogger

1.Hướng dẫn làm quen, tạo Blogger/Blogspot từ đơn giản đến phức tạp

Chào các bạn, mình hiện đã sử dụng dụng Blooger/Blogspot được một thời gian, và cũng có một kiến thức kha khá về lĩnh vực này. Hôm nay mình mạo muội xin hướng dẫn các bạn mới làm quen cũng như đã và đang sử dụng cách Tạo một trang blogspot cũng như các thủ thuật, SEO blogspot từ đơn giản tới phức tạp.







Phần 1: Làm quen với  Blogger/Blogspot

Đầu tiên mình xin khẳng định với các bạn là hoàn toàn có thể tạo một Website với qui mô cá nhân, bán hàng, hay giới thiệu sản phẩm cho một công ty vừa và nhỏ bằng Blogspot.  Vậy tại sao nên dùng Blogspot?

Blogger/Blogspot là gì

Blogspot (hay còn gọi là Blogger) giúp bạn tạo ra một blog/website hoàn chỉnh chỉ trong thời gian ngắn mà bạn không cần phải biết hay am hiều về lập trình web, code cũng có thể làm được. Với giao diện có thể nói là không còn gì thân thiện hơn :D Mình đã từng làm quen với những web mã nguồn mở khác như Joomla và Wordpress và thấy so với Blogspot thì nó "khó nhằn" hơn nhiều cho những ai không chuyên. Hơn nữa tất cả mọi thứ ở Blogger/Blogspot đều miễn phí và là đứa con của Google.

Điểm mạnh và yếu của Blogspot

Ưu điểm:

Blogger là một nền tảng miễn phí của Google, không giới hạn băng thông cũng như dung lượng. Picasa của Google cho phép bạn Upload 10 GB ảnh, bạn tha hồ chèn hình ảnh của mình vào bài viết và khi nào mới hết dung lượng 10 GB?

Tiết kiệm chi phí. Với giao diện thân thiện và  cực kỳ dễ dùng, bạn hoàn toàn có thể sở hữu cho mình một blog/website do chính tay mình tạo ra mà không mất nhiều thời gian cũng như chi phí.

Bạn không phải mua host cũng như tên miền (domain). Như đã nói ở trên "hoàn toàn miễn phí", tên miền mặc định sau khi tạo ra của bạn sẽ là: "tên miền của bạn".blogspot.com (Ví dụ blog của mình:cuocsongmuonmau.blogspot.com).

Cộng đồng Blogger/Blogspot vô cùng lớn mạnh và đông đảo. Blog của bạn sẽ sớm có được lượng truy cập, và ghé thăm của nhiều bạn đọc.

Cha đẻ cuộc Blogspot là Google. Đây chính là một lợi thế cực kì lớn cho các bạn sau này, đặc biệt là về SEO (Mình sẽ nói về vấn đề này tại các phần tiếp theo).

Nhược điểm:

Blogger bị chặn, nhưng chỉ là đã từng bị chặn thôi nhé, từ lúc dùng blogger tới giờ mình vẫn chưa thấy cái gọi là bị chặn ^^

Blogspot thường hay bị xóa mà không được báo trước. Vậy bạn nghĩ nghuyên nhân vì sao blog của bạn lại bị xóa (nhiều bạn lập web blog rồi sau đó đi copy, dùng mang tính chất spam, dán link đủ các kiểu, hay nội dung xấu sau đó bị xóa rồi kêu than)

Blog thì vẫn là Blog, nếu bạn muốn tạo một Website với qui mô lớn, nhiều chức năng, danh mục, lượng cơ sở dữ liệu lớn và có tổ chức cao thì lời khuyên của mình là bạn không nên sử dụng blogspot (Chưa hỗ trợ nhiều về các tool SEO, cũng như tổ chức website theo kiểu phân mục, Blogspot chủ yếu làm việc qua các nhãn/label - chưa thể gọi là phân mục).

Làm quen với giao diện Blogspot:

Tạo blog khá đơn giản, bạn chỉ cần có một tài khoản Gmail. Sau đó truy cập vào www.blogger.com/ . Bạn đăng nhập bằng tài khoản Gmai (Đây sẽ là tài khoản quản trị blog đó sau này, bạn cũng có thể chia sẻ quyền quản trị cho những tài khoản Gmail khác).

Làm quen với giao diện Blogspot - Đăng ký
Đăng nhập Gmail để tham gia Blogspot
Giao diện chào mừng đến với Blogger. Bạn chọn "Tiếp tục".

Làm quen với giao diện Blogspot - Welcome
Chọn Tiếp tục với Blogger để tiếp tục
Giao diện trang chủ Blogger, danh sách blog của bạn sẽ xuất hiện ở đây (một tài khoản có thể dùng để tạo và quản trị nhiều blog). Bạn chọn "Blog mới" để tiếp tục.

Làm quen với giao diện Blogspot - Home page
Giao diện trang chủ Blogger.
Tạo tiêu đề và địa chỉ trang chủ cho blog. Ví dụ blog của mình:
- Tiêu đề: Ảnh đẹp | Cuộc sống muôn màu
- Địa chỉ: cuocsongmuonmau-smile.blogspot.com

Làm quen với giao diện Blogspot - Khởi tạo

Tạo xong mặc định sẽ quay về trang chủ Blogger, nơi chưa danh sách các blog của bạn.

Làm quen với giao diện Blogspot - Danh sách blog

Chọn blog vừa khởi tạo. Ở đây là blog "Hướng dẫn làm blog" (Đây chính là tiêu để của blog). Ta sẽ vào được trang chủ của trang quản trị/Administrator, mọi thứ về blog của bạn đều có ở đây.

Làm quen với giao diện Blogspot - Trang quản trị
Giao diện trang chủ blogspot
- Bài đăng mới: Nơi bạn khởi tạo, viết bài mới cho blog.
- Bài đăng: Danh sách các bài đang hiện có trong blog của bạn.
- Trang: Tạo menu cho blog, tạo các trang giống bài đăng, nhưng đa phần là để tạo các bài dạng như: Liên hệ, Sitemap. Mỗi blog được tới đa 20 trang. Như thế là vừa đủ phải không? :))
- Nhận xét: Nơi để bạn quản lý các nhận xét/comment của người đọc trên các bài đăng, bài viết. Bạn có  thể xóa bất kì một nhận xét nào.
- Google +: Liên kết blog của bạn với trang tiểu sử Google + của bạn, hoặc bạn có thể thêm mục nhận xét Google+ vào bài đăng.
- Thống kê: Giúp bạn xem, thống kê tình hình truy cập vào blog (số người truy cập theo từng thời điểm, những bài đăng được truy cập nhiều, nguồn truy cập từ trang nào, ở đâu,...).
- Bố cục: Căn chỉnh lại vị trí của các mục, menu trên blog.
- Mẫu: Tùy chỉnh lại giao diện blog đầy đủ hoàn chỉnh.
- Cài đặt: Tinh chỉnh blog của bạn (chủ yếu là để SEO - Khá quan trọng cho những ai quan tâm tới vấn đề thứ hạng của blog/website).

Sau khi tạo xong bạn hoàn toàn có thể xem lại giao diện trang chủ blog của mình bằng cách nhấp vào nút "Xem blog" hoặc vào trực tiếp bằng địa chỉ/domain.
Đây là giao diện mặc định sau khi tạo chưa qua chỉnh sửa.

Hướng dẫn làm quen blog


Phần 1 - Làm quen với giao diện blogspot kết thúc tại đây. Mình sẽ nhanh chóng viết và hoàn thiện các phần tiếp theo sớm nhất. Mọi người thường xuyên ghé blog để theo dõi nha :D

Seri cách tạo blogspot, blogger và tối ưu seo onpage

Phần 1 - Làm quen với blogger/ blogspot

Phần 2 - Thay đổi giao diện/ template cho blogspot


2.Thay đổi giao diện template cho blogspot

Tiếp tục Seri cách tạo blogspot, blogger và tối ưu seo onpage. Như ở phần một, mình đã hướng dẫn các bạn cách tạo một blogspot, khá lan man và dài dòng, phần 2 này mình sẽ hướng dẫn các bạn cách thay đổi cũng như tùy chỉnh giao diện/ template/ theme cho blogspot.

Thay đổi giao diện template cho blogspot
Một giao diện blogspot hoàn toàn miễn phí

Phần 2: Thay đổi giao diện/ template cho blogspot


Để thay đổi giao diện cho blog các bạn có thể dùng các dao diện có sẵn do Blogger cung cấp hoặc tải các gói giao diện (template) miễn phí và có phí từ trên mạng về.

Sử dụng các giao diện có sẵn của Blog

Đầu tiên các bạn vào blogger.com/home, chọn blog mà mình đã tạo, ở trang quản trị, bạn chọn  "Mẫu".

Sử dụng các giao diện có sẵn của Blog
Ở Menu bên phải, kéo xuông dưới các bạn sẽ thấy có rất nhiều mẫu giao diện như: Kiểu đơn giản, Chế độ xem động, cửa sổ hình ảnh,  thú vị, hình mờ...
Các bạn chọn một mẫu bất kỳ, ở đây mình chọn mẫu đầu tiên của "Chế độ xem động". Sau khi nhấp chọn một mẫu giao diện bất kỳ, một cửa sổ bật lên, các bạn chọn "Áp dụng cho blog" để gắn giao diện mới vào.

Sử dụng các giao diện có sẵn của Blog

Như vậy, về cơ bản bạn đã có giao diện mới cho blogspot của mình. Các bạn có thể xem lại thành quả của mình tại trang chủ. Vậy là bạn đã có 1 sở hữu một blog và có thể đăng bài. Nhưng các giao diện sẵn có của blog thường không đẹp mắt và khá đơn giản, vì vậy mình xin hướng dẫn cách tải các gói giao diện và upload lên blog.

Sử dụng các giao diện, template miễn phí

Các website cung cấp template blogspot miễn phí

btemplates.com: Chuyên cung cấp các giao diện, template cho blogspot về nhiều lĩnh vực khác nhau. Các bạn có thể tùy chọn kiểu giao diện 2 cột, 3 cột, 4 cột, màu sắc, vị trí các cột...
http://www.soratemplates.com/: Một trang cung cấp các template mà mình rất thích, với đủ các kiểu giao diện hoàn toàn khác nhau, rất đẹp và bắt mắt và thường tối ưu Seo rất tốt,  blog hiện tại của mình của đang sử dụng giao diện cỏa soratemplate :D
Ngoài ra còn nhiều trang khác như:
...

Update: Tổng hợp các template đẹp miễn phí

  • Thay đổi giao diện cho blog từ gói template tải về

Sau khi lựa chọn được mẫu template ưng ý cho mình, các bạn tải về, thông thường file tải về sẽ có dạng file nén .rar hoặc .zip. Giải nén tập tin vừa tạo các bạn sẽ thấy một file có đuôi .xml, đây chính là template.

Sử dụng các giao diện, template miễn phí
Các bạn vào "Mẫu" giống như cách trên, ở góc trên bên phải các bạn chọn nút "Sao lưu/ khôi phục"

Sử dụng các giao diện, template miễn phí

Một cửa sổ hiện lên, các bạn click vào "Chọn tệp tin" và chọn tệp có đuôi xml vừa giải nén. Sau đó chọn tải lên.

Như vậy là các bạn đã thay xong giao diện mới cho template và có thể quay lại trang chủ blog của mình để xem thành quả.

Và đây là thành quả của mình :")

Sử dụng các giao diện, template miễn phí

UPDATE

Ban đầu mình định viết phần Bố cục của một template ở phần tiếp theo nhưng nghĩ lại thì mình thấy nói ở đây sẽ hay hơn.

Tìm hiểu bố cục của Blogspot

Bố cục của blogspot ngoài giao diện trang chủ

Blog hay còn được gọi là Web 2.0 cũng sẽ có bố cục các phần giống một trang web bình thường, bao gồm 3 phần: Header, Main - body và Footer, nhiều bạn nhầm trong HTML thì gồm có 2 phần chính đó là head và body.
- Phần Header:  thông thường sẽ chứa logo, banner, và câu slogan.

Bố cục của blogspot ngoài giao diện trang chủ

- Phần main hay content: chứa nội dung website, tùy từng template mà layout sẽ khác nhau, đối với blog sẽ có một phần đặc trưng đó là Sidebar thường nằm ở bên trái hoặc bên phải.

Bố cục của blogspot ngoài giao diện trang chủ

- Footer: phần cuối cùng của blog. Phần này mình ko nói thêm ha :D

Thay đổi bố cục cho blogspot

Để thay đổi bố cục cho blogspot, các bạn vào trang  quản trị blog, chọn "Bố cục"

Thay đổi bố cục cho blogspot

Tương ứng với bố cục ngoài giao diện trang chủ, ở đây các bạn sẽ thấy các phần tương ứng. Giờ mình sẽ đi chi tiết vào từng phần:

  • Thay đổi Favicon cho blog

Favicon là gì? Khi lướt web có bao giờ bạn để ý có một icon nhỏ nằm bên cạnh địa chỉ (URL) của website hoặc trên Title của website không? đó chính là Favicon - icon đại diện cho website.

Thay đổi Favicon cho blog
Để thay đổi Favicon, ở Menu "Bố cục", các bạn chọn "Chỉnh sửa" ở mục "Favicon" và chọn một ảnh bất kỳ để là icon đại diện cho website. 


Để có Favicon đẹp các bạn nên dùng định dạng ảnh PNG hoặc định dạng ICO. Nếu không muốn mất thời gian, các bạn vào iconfinder.com tìm cho mình một mẫu ưng ý rồi tải về.

  • Thay đổi tiêu đề hiển thị cho blogspot

Như ở hình trên, các bạn chọn chỉnh sửa để đặt tên tiêu đề cho blog của mình. 

Thay đổi tiêu đề hiển thị cho blogspot

- Tiêu đề Blog: tên blog của bạn.
Mô tả Blog: Phần mô tả này sẽ hiện phía bên dưới tiêu đề Blog.
Hình ảnh: Logo của blog.
- Vị trí: Các tùy chỉnh cho logo của blog (Một lời khuyên cho các bạn là, một là bạn không chọn Phần hình ảnh, 2 là nếu chọn phần hình ảnh thì bạn nên chọn: Thay cho tiêu đề và mô tả, vì chọn những tùy chọn còn lại thường làm bể bố cục blog nhìn rất xấu).
Sau khi tùy chỉnh xong tiêu đề cho blog các bạn lưu lại và xem kết quả:

Thay đổi tiêu đề hiển thị cho blogspot

  • Cài đặt cho bài đăng trên blogspot

Các bạn chọn "Chỉnh sửa" trong mục "Bài đăng trong Blog". 
Phần này đơn giản, các bạn có thể tự đọc và hiểu nha :D 

Thêm các tiện ích vào Sidebar

Tương ứng với phần Sidebar mình đã nói ở trên, ở đây bạn có thể tùy chỉnh Sidebar cho mình.

Thêm các tiện ích vào Sidebar
Một vài Sidebar quan trọng:
- Label: Hiện thị các danh mục trong blog của bạn theo dạng danh sách hoặc dạng đám mây. 
- Popular Posts: Hiện thị danh sách các bài viết nổi bật được nhiều người xem.
- Giới thiệu bản thân: Hiện thỉ Profile Google + của bạn.
...
Ngoài ra còn nhiều tiện ích khác do blogger cung cấp cho các bạn lựa chọn, các bạn có thể thêm bằng cách "Thêm tiện ích".

Footer tương tự nha các bạn 

Phần 2 - Thay đổi giao diện template cho blogspot kết thúc tại đây, sau khi xem phần 1 và phần 2 thì các bạn đã có thể sở hữu một blog cá nhân cho mình rồi. Từ phần sau trở đi, mình sẽ hướng dẫn, đi sâu vào chi tiết code, tùy chỉnh giao diện và tối ưu Onpage cho các bạn muốn SEO blog :D

Seri cách tạo blogspot, blogger và tối ưu seo onpage

Phần 1 - Làm quen với blogger/ blogspot

Phần 2 - Thay đổi giao diện/ template cho blogspot

0 nhận xét:

Đăng nhận xét