Cũng như cách mà mình đã hướng dẫn làm label tabs ở bài trước(link) bạn làm theo các bước như ở bài trước, chỉ thay đổi một tí ở bước 4 để làm cho tab của bạn hoàn hảo hơn đối với template NEO.
Ở bước 4 không làm giống như bài trước(link) mà làm thế này:
Các bạn copy đoạn code sau:
Code 1:
<b:widget id='Label1' locked='false' title='Nha~n' type='Label'>
<b:includable id='main'>
<div id='tabsJ'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
<li>
<a href='javascript:fetchLatestPosts("http://yourblog.blogspot.com/","Ten Label");'><span>Ten Hien Tren Tab</span>
</a>
</li>
<li>
<a href='javascript:fetchLatestPosts("http://yourblog.blogspot.com/","Tên Label");'><span>Tên Hiện Trên Tab</span>
</a>
</li>
</ul>
<!-- <b:include name='quickedit'/> -->
</div>
</b:includable>
</b:widget>
Trong đó "Tên Label" là Tên Label trong blog bạn, vd: blog bạn có một label là Tin Học, thì bạn phải để chính xác là "Tin Học" vào "Tên Label" ở phía trên. Và "Tên Hiện Trên Tab" là dòng chữ được hiển thị trên Tab của bạn.
vd: Mình có một label được đặt tên là "Blog Hack" thì mình sẽ sửa như sao:
<li>
<a href='javascript:fetchLatestPosts("http://danglvh.blogspot.com/","Blog
Hack");'><span>Blog Hack</span>
</a>
</li>
Ở trên mình chỉ ví dụ cho 2 Tab, nếu bạn có nhiều label thì làm nhiều dòng như thế này và thêm vào "Tên Label":
<li>
<a href='javascript:fetchLatestPosts("http://yourblog.blogspot.com/","Tên Label");'><span>Tên Hiện Trên Tab</span>
</a>
</li>
Sau đó vào Edit HTML/Chọn Expand Widget tìm và paste đoạn code 1 ở trên vào dòng ".......copy code 1 bỏ vào đây....." ở đoạn code bên dưới:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
.......copy code 1 bỏ vào đây.....
</b:section>
</div>
Sau đó nhấn nút lưu lại. Quay lại blog và F5
Chúc bạn thành công, có gì thì comment nhé!