kali ini saya mau berbagi script Tabs Menggunakan jquery yang sering saya gunakan untuk mempercatik website atau blog. Bbanyak web designer di indonesia atau luar negeri dan saya yang menggunakan tab dalam desain web agar terlihat lebih Menarik. jQuery adalah cara yang paling populer dan termudah untuk menciptakan efek tab di website. Jika Anda tidak menggunakan navigasi tab di website Anda maka ini adalah waktu nya anda untuk mencoba dan menggunakannya. Dibawah ini adalah kumpulan tutorial tabs dari berbagai website dan contoh dapat di download dan dicoba langsung untuk membantu anda Menambah Ilmu Website.

1. FANCY SLIDING FORM WITH JQUERY

Artikel : http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/
Demo : http://tympanus.net/Tutorials/FancySlidingForm/
Download : http://tympanus.net/Tutorials/FancySlidingForm/FancySlidingForm.zip

2. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

Artikel : http://www.queness.com/post/106/jquery-tabbed-interfacetabbed-structure-menu-tutorial
Demo : http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html
Download : http ://www.queness.com/resources/archives/jquery-tab-menu.zip

3. jQuery Sliding Tab Menu for Sidebar Tutorial

Artikel : http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial
Demo : http://www.queness.com/resources/html/scrollto/index.html
Download : http ://www.queness.com/resources/archives/jquery-scrollto.zip

4. Make a smooth tabbed menu in jQuery

Artikel : http://yensdesign.com/2008/12/make-a-smooth-tabbed-menu-in-jquery/
Demo : http ://yensdesign.com/tutorials/tabs/
Download : http://www.yensdesign.com/tutorials/tabs/tabs.zip

5. Sweet AJAX Tabs With jQuery 1.4 & CSS3

Artikel : http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
Demo : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.html
Download : http://demo.tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/demo.zip

6. Simple jQuery tabs

Artikel : http://papermashup.com/simple-jquery-tabs/
Demo : http://papermashup.com/demos/jquery-tabs/
Download : http://papermashup.com/demos/jquery-tabs/jquery-tabs.zip

7. Make a Slide Tabbed Box using jQuery

Artikel : http://www.hieu.co.uk/blog/index.php/2009/01/28/how-simple-to-make-a-slide-tabbed-box-using-jquery/
Demo : http://www.hieu.co.uk/Examples/SlideTabs/index.html
Download : http://www.hieu.co.uk/Examples/SlideTabs.zip

8. Dynamic Fun with SimplePie and jQuery

Artikel : http://net.tutsplus.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/
Demo : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles/index.html
Download : http://nettuts.s3.amazonaws.com/036_BetterBlogRoll/sourceFiles.zip

9. Make a Slick Tabbed Content Area using CSS & jQuery

Artikel : http://net.tutsplus.com/html-css-techniques/how-to-make-a-slick-tabbed-content-area/
Demo : http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQuery.html
Download : http://nettuts.s3.amazonaws.com/001_Tabbed/TabsPSD.zip

10. Make A Tabbed Interface Using jQuery

Artikel : http://net.tutsplus.com/javascript-ajax/make-a-tabbed-interface-using-jquery/
Demo : http://nettuts.s3.amazonaws.com/042_jQueryUITabs/demo/index.html
Download : http://nettuts.s3.amazonaws.com/042_jQueryUITabs/source.zip

11. Creating Rotating Tabs using jQuery

Artikel : http://www.ilovecolors.com.ar/rotating-jquery-tabs/
Demo : http://www.ilovecolors.com.ar/wp-content/uploads/rotating-jquery-tabs/
Download : http://www.ilovecolors.com.ar/wp-content/uploads/2009/12/rotating-jquery-tabs1.zip

12.  jQuery UI Tabs with Next/Previous

Artikel : http://css-tricks.com/jquery-ui-tabs-with-nextprevious/
Demo : http://css-tricks.com/examples/TabsNextPrev/
Download : http://css-tricks.com/examples/TabsNextPrev.zip

13. Organic Tabs

Artikel : http://css-tricks.com/organic-tabs/
Demo : http://css-tricks.com/examples/OrganicTabs/
Download : http://css-tricks.com/examples/OrganicTabs.zip

14. jQuery idTabs

Artikel : http://www.sunsean.com/idTabs/
Demo : http://www.sunsean.com/idTabs/
Download : http://www.sunsean.com/idTabs/jquery.idTabs.min.js

15. Animated tabbed content with jQuery

Artikel : http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/
Demo : http://www.gayadesign.com/scripts/tabbed/
Download : http://www.gayadesign.com/scripts/tabbed/tabbedContent.zip

Original Site : http://www.bloggertipandtrick.net/2010/09/amazing-jquery-tabs-widgets-collection.html