Bài 3. Blogger - Thiết kế Blog với giao diện có sẵn (Blogger Template)

Trong nội dung này, mình sẽ sử dụng chung 1 Template để thực hành thôi nhé.

bạn vào Link bên dưới tải Theme sau đó giải nén ra
https://drive.google.com/file/d/1AguVAWgyc9PGG-GsHty7AQaIsw5jxjKN/view?usp=sharing

Sau khi giải nén, bạn sẽ thấy folder có tên: Arlina Blogger Template.
Bạn tìm đến file “Arlina Theme 2017.XML” trong folder con Template.
Đây là file mà chính ta sử dụng để thực hành

Chi tiết các bước như sau:

NỘI DUNG CHÍNH

1. Tải lên Theme cho Blog.

Từ bảng điều khiển của Blogger. Click vào chủ đề

2. Click vào “Sao lưu/Khôi phục”

3. Click “Choose File” và chọn “Alrina Theme 2017.xml” (File được giải nén từ đường dẫn Arlina Blogger Template\Template) → Click “Tải lên”

Nếu bạn làm đúng là file XML không bị lỗi thì màn hình “Sao lưu/ khôi phục” sẽ tự động đóng lại và khi bạn click vào nút “XEM BLOG” trên bảng điều khiển bạn sẽ nhìn thấy kết quả ^_^

Nếu bạn không hiểu cách làm, bạn có thể đọc lại bài này để hiểu cách làm bloger đơn giản nhất:

https://themarketingcorner.org/huong-dan-thiet-ke-cv-online-tren-blogger/

2. Định dạng Header, Footer

Phần này sẽ thay đổi các thành phần như trong hình để phù hợp với nội dung Blog của bạn

Bấm chuột phải vào nút “xem blog” và chọn chế độ “Open link in new tab” để mở Blog xem giao diện ở cửa sổ tab bên cạnh, Chúng ta sẽ refresh trang này để check sự thay đổi của Blog

Trong tab của trang điều khuển, mục “CHỦ ĐỀ” bạn click vào “CHỈNH SỬA HTML”.

Mục đích của phần này là để xác định dòng Code có phần tử bạn muốn thay đổi

Bây giờ bạn xác định lần lượt các yếu tố cần thay đổi từ trang chủ

VD: Thay đổi “Web Tools” thành “Tài liệu”

Mình sẽ demo ví dụ này. Các phần khác các bạn làm tương tự

Click chuột vào vùng chứa HTML, nhấn “Ctrl+F” để mở hộp thoại Search và nhập vào “web tools”. Trường hợp có nhiều chữ “web tools” thì nhấn “Enter” cho đến khi tìm được dòng Code chứa “Web Tools” mình muốn sửa nhé.

Bạn chỉ cần xóa “Web Tools” và đánh vào “Tài liệu” như soạn thảo văn bản thông thường.

Các thư mục con của “Web Tools”. Các thư mục trên thanh Menu như SEO, Tips Blogger,… đều ở khu vực này, bạn có thể sửa cùng một lúc.

Nếu muốn xóa các thư mục con, chỉ cần xóa đoạn Code

Ví dụ: <li><a href=’#’ itemprop=’url’><span itemprop=’name’>Color Picker</span></a></li>

Xóa 1 thư mục con thì xóa dòng Code chứa thư mục đó.

Ví dụ: <li><a href=’http://www.idntheme.com’ itemprop=’url’ target=’_blank’><span itemprop=’name’>Template</span></a></li>

Sau khi thay đổi xong, Click vào “Lưu chủ đề”.

3. Cấu hình Sidebar trên blog

Các bạn vào “Bố cục” (layout) → Click “Thêm tiện ích” (Add a Gadget) và chọn các tiện ích bạn muốn thêm trên cửa sổ hiện lên.
Để xóa các tiện ích không cần thiết: “Chỉnh sửa” → Click vào “Xóa bỏ” trong cửa sổ hiện lên như trong hình bên dưới.

4. Đăng bài blogspost

Click “Bài đăng” (POST) → “Tạo bài đăng mới” (NEW POST)

Nhập tiêu đề bài viết. Blogspot quản lý bài viết dựa vào nhãn, mỗi bài viết bạn sẽ gắn với ít nhất một nhãn có liên quan tới chủ đề bài viết. Tên nhãn nên đặt trùng với tên thư mục. Ví dụ như “tài liệu”

Như vậy, tất cả các bài viết được gắn nhãn “Tài liệu” sẽ được hiển thị khi bạn Click vào nhãn “Tài liệu”. Khi Click vào nhãn “Tài liệu” bạn nhớ Copy lại đường URL để liên kết với thư mục “Tài liệu” trên thanh Menu ở bước tiếp theo.

Bạn có thể tìm thấy nhãn “tài liệu” khi Click vào đọc bài viết, bạn sẽ thấy phần nhãn như hình bên dưới: