Đưa Bài Đăng Vào Menu Trong Blogspot

 

Đưa Bài Đăng Vào Menu Trong Blogspot

August 23, 2018

 -  

0 Comments

Tiếp tục với bài học tạo blog-web, hôm nay tôi chia sẻ với các bạn kinh nghiệm sử dụng Nhãn - Label và tạo 'nội dung' cho menu - nghĩa là gom các bài viết có cùng chủ đề vào một trang trong menu.
Có rất nhiều bài viết của các chuyên gia hướng dẫn tuy nhiên tính kỹ thuật hơi cao nên loại ngơ ngơ ngáo ngáo như tôi phải nghiền ngẫm tương đối lâu, chính vì đặt địa vị vào các bạn - những người nào đó cũng kiểu mò mẫm như tôi nên tôi muốn diễn đạt 'cách hiểu' của tôi theo kiểu phổ thông cơ bản may ra có ích cho ai đó cũng là ghi lại cho chính bản thân.

Ví dụ tôi đã đưa hai bài viết Lỗi Sai Font Chữ Trong Blog và Tạo Blogspot- Website Miễn Phí vào mục Learning trong menu,  bạn có thể kiểm tra bằng cách chọn vào DROP DOWN trên thanh menu và chọn Learning

Để làm được như vậy, trước hết bạn cần có 'thực đơn' cho mennu nếu chưa có sẵn bạn có thể tham khảo cách tạo menu ngang cho Blogspost hay nhiều bài hướng dẫn tạo menu khác ở đây

Tiếp đến bạn cần tạo bài viết và dán nhãn cho nó, để đưa được bài viết vào menu thì nhãn phải trùng với tên trong menu đó. Ví dụ danh mục menu là Learning thì tôi phải dán nhãn Learning cho bài viết này.
Label hay Nhãn thực chất là một kiểu hashtag (nhóm), bài đăng của bạn có thể ở trong nhiều nhóm nếu bạn dán nhiều nhãn trùng với nhãn của những bài đăng khác nhưng chưa nằm trong 'trang' thuộc menu.
Như vậy, làm sao để đưa bài đăng vào menu đây?
Cách thực hiện vô cùng đơn giản:

Cụ thể là:
1, đăng nhập vào tài khoản Blogspot, vào mục Chủ đề (hoặc mẫu) chọn chỉnh sửa HTML

2, Mở Xem Blog trong tab mới, nhấp vào một nhãn trong ô Label trùng với tên trong menu, ở đây tôi chọn Learning.

3, Copy dòng link của trang label vừa mở ra trên thanh công cụ tìm kiếm,
ví dụ:
https://umakesproducts.blogspot.com/search/label/Learning (đây là đoạn link của tôi không phải của bạn)

4, Vào cửa sổ chỉnh sửa HTML tìm đoạn code <div class='open-menu'> 

5, Tìm đến dòng code  <li><a href='#'>Learning</a></li> 

(để tìm các dòng code bạn bấm cltr-F ở cửa sổ chỉnh sửa HTML để mở cửa sổ tìm kiếm, dán dòng code bạn cần tìm vào đó thanh cuộn sẽ đưa bạn về dòng code cần tìm kiếm)

6, Bôi đen dấu # và dán đè đoạn link vừa copy ở mục 3 lên
ví dụ:

Đây là đoạn code nguyên bản: <li><a href='#'>Learning</a></li> 

Đây là đoạn code sau khi đã sửa:

<li><a href='https://umakesproducts.blogspot.com/search/label/Learning'>Learning</a></li>

7, Lưu Chủ đề (hoặc mẫu)

8, vào Blog và kiểm tra menu bạn sẽ thấy thành quả của mình

Sau này bất cứ bài nào có dán nhãn trùng với tên menu bài ấy sẽ tự động được gom vào đó.

Vì tự học lại hay quên, nên tôi đã sử dụng chức năng chụp màn hình trong Picasa để lưu lại hình ảnh những vùng code bao gồm cả trước và sau khi sửa, bạn có thể tham khảo áp dụng kinh nghiệm này.

Bài Đưa Bài Đăng Vào Menu Trong Blogspot có dán nhãn learning và bạn sẽ tìm thấy trong menu Learning trên Blogspot của Umakes.

Hy vọng chia sẻ có ích với bạn, những người đang học như tôi.

Cuối cùng, nếu bạn vẫn chưa hiểu thì đây là tất cả những bài hướng dẫn Đưa Bài Đăng Vào Menu Trong Blogspot cho bạn