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

03/08/2017 137650 lượt xem 0 bình luận

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  levantruong.net đã 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ì Trường 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%C3%A1n%20h%C3%A0ng%20online?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 Trường 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%C3%A1n%20h%C3%A0ng%20online?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!

Tác Giả: Lê Văn Trường

 Chào mừng bạn đến blog Lê Văn Trường! Rất vui mang lại giá trị hữu ích cho bạn

Tôi là Trường, kẻ làm việc Full-Time trên online. Yêu thích thu nhập thụ động, xây dựng hệ thống tạo ra nhiều nguồn thu nhập thụ động từ internet

Yêu thích viết blog và trong blog này Trường chia sẻ với bạn về Marketing online và kiếm tiền online, thủ thuật blog, Website, đầu tư coin( tiền điện tử)