Cách tạo blogspot A-Z bài 3 cách post bài viết vào một menu trong blogspot

Cách tạo blogspot chuyên nghiệp miễn phí cũng không lắm đúng không nào? Ở bài 2  itcafe.vn đã hướng dẫn cài đặt giao diện và Menu blog . Trong bài này bạn sẽ học cách post bài viết vào một menu trong blogspot như thế nào? Ở bài trước bạn mới được học qua cách tạo menu, tạo giao diện blog nhìn qua cũng tương đối chuyên nghiệp rồi đúng không nào? Nào chúng ta tiếp tục đi qua tìm hiểu bài 3 nhé!

Xem thêm : Hướng dẫn thiết kế website bằng wordpress chuẩn SEO

Cách tạo blogspot A-Z bài 3 cách post bài viết vào một menu trong blogspot

Cách post bài viết vào một menu trong blogspot

Chúng ta sẽ tiếp tục trở lại với giao diện blog

Trở lại với giao diện code bloger bài trước, từ Code menu ban đầu

<a class=’slide-menu’ href=’#’><i class=’fa fa-list’/> Menu</a>
<ul class=’nav vienna-menulite’>
<li><a class=’active’ href=’/’><span itemprop=’name’><i class=’fa fa-th-list fa-lg’/></span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Niềng răng</span></a>
<ul>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Niềng răng móm</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Niềng răng hô</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Trồng răng Implant</span></a></li>
</ul>
</li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Kiến thức</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Mẹo vặt</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Cuộc sống</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Tư vấn</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Hỏi đáp</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Liên hệ</span></a></li>
</ul>

Sau khi thay thế loại bỏ đi những Menu thì code menu đã gọn nhẹ hơn nhiều. Để viết nhiều bài vào trong 1 Menu và khi click vào menu nào đó thì nó sẽ nằm trong list menu này những bài liên quan.

<a class=’slide-menu’ href=’#’><i class=’fa fa-list’/> Menu</a>
<ul class=’nav vienna-menulite’>
<li><a class=’active’ href=’/’><span itemprop=’name’><i class=’fa fa-th-list fa-lg’/></span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Bán hàng online</span></a>

</li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Bán hàng trên Zalo</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Học Seo</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Email Marketing</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Thiết kế website</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Bán hàng trên Youtube</span></a></li>
</ul>

Bây giờ bạn sẽ bắt đầu viết bài và tạo nhãn cho từng mục. Khi đăng nhập vào giao diện blog click vào ” New Post” để bắt đầu viết bài mới

Cách tạo blogspot A-Z bài 3 cách post bài viết vào một menu trong blogspot

Cách viết bài thế nào chuẩn seo thì ITCafe
sẽ hướng dẫn bạn ở bài sau

Post : Tiêu đề bài viết

Phía dưới nội dung viết

Labels : Phần này bạn chú ý nhé, sau này cứ viết bài nào click vào đây chọn đúng Labels

Ở đây bạn có bao nhiêu Labels thì làm bấy nhiêu, trong website này chúng ta có những Labels như :

Bán hàng online

Bán hàng trên zalo

Học SEO

Email Marketing

Thiết kế website

Bán hàng trên Youtube

Lưu ý : Chúng ta có 6 Labels  bởi vậy ứng với 1 Labels bạn phải viết bài đầu tiên và làm theo đúng trình tự. Tức bên dưới mình làm minh họa 1 Labels ” Bán hàng online” nếu sau này bạn viết bài về mục ” Bán hàng online”  thì viết bình thường và mục Labels chọn đúng Bán hàng online

Mình chỉ ví dụ cho bạn 1 Labels những Lable tiếp bạn cứ làm như Labels ” Bán hàng online

Cách tạo blogspot A-Z bài 3 cách post bài viết vào một menu trong blogspot

Labels đầu tiên này bạn viết bài như hình nhớ là phần Label đặt đúng với nhãn trên Menu , với Menu chính hay con cũng như nhau. Sau đó chọn Done

Tiếp đến chọn Publish để xuất bản bài viết. Bây giờ bạn vào blog và xem bài viết mới viết xong

Cách tạo blogspot A-Z bài 3 cách post bài viết vào một menu trong blogspot

Bạn sẽ thấy nhãn “ Bán hàng online” Click vào đó sẽ ra link như sau :

http://makemoneyonyoutubevip.blogspot.com/search/label/Bán hàng online?max-results=10

Bạn copy link này vào trở lại code của blog, tìm tới đoạn code như bên dưới. Tìm tới đoạn  code có chứa ” Bán hàng online”

<a class=’slide-menu’ href=’#’><i class=’fa fa-list’/> Menu</a>
<ul class=’nav vienna-menulite’>
<li><a class=’active’ href=’/’><span itemprop=’name’><i class=’fa fa-th-list fa-lg’/></span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Bán hàng online</span></a>

</li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Bán hàng trên Zalo</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Học Seo</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Email Marketing</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Thiết kế website</span></a></li>
<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Bán hàng trên Youtube</span></a></li>
</ul>

Đoạn code ITCafe
tìm được như bên dưới

<li><a href=’#’ itemprop=’url’><span itemprop=’name’>Bán hàng online</span></a> và gắn link bên trên vào, thay thế link trên bằng dấu # hay nói cách khác bỏ dấu # đi và thêm link trên vào như sau :

<li><a href=‘http://makemoneyonyoutubevip.blogspot.com/search/label/Bán hàng online?max-results=10‘ itemprop=’url’><span itemprop=’name’>Bán hàng online</span></a>

Sau đó click vào Save theme

Quay trở lại blog click vào Menu “ Bán hàng online” nếu ra đúng link trên là ok.

Cứ tiếp tục làm như vậy với những Labels khác. Mỗi  Labels chỉ làm 1 lần ban đầu, từ bài viết số 2 trở đi chỉ chọn đúng Labels là bài viết nằm cùng mục

Kết luận

Như vậy trong bài 3 bạn đã biết cách post bài viết vào một menu trong blogspot nếu bạn mới có thể hơi rắc rối chút, nhưng nó khá dễ dàng hãy làm từ từ chậm bạn sẽ hoàn thành rất đơn giản

Một vài chia sẻ mong rằng giúp bạn làm được website đẹp như mong muốn, nếu cần hỗ trợ hãy comment bên dưới

Chúc bạn thành công!

Có thể bạn quan tâm:

Nguồn: Lê Văn Trường

Add a Comment

Your email address will not be published. Required fields are marked *