3 thg 9, 2007

Label Tabs For NEO Template

Unknown
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é!

About the Author

Unknown / Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.