Multi Tabbed Navigation Widget to Blogger. Tabbed navigation is a great tool, now every blogger was using this in their blogs. it consumes less space and can show up three or more widget in same place. It looks very nice in your sidebar. This widget works based on jQuery and jQueryUI.
Watch live demo...
How to Install This Widget on Blogger?
Steps...
A. Adding Script Code
B. Adding CSS Theme Code
C. Adding HTML Code
Adding Script Code
1. Go to Blogger Dashboard > Design > Edit HTML2. Find </head> tag and place given bellow code before it.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">
</script>
<script>
$(document).ready(function() {
$("#tabs").tabs();
});</script>Adding CSS Theme Code
Select One Theme and Place Theme code before </head> tag | Name:Base |
 | Name:Black Tie |
 | Name:Blitzer |
 | Name:Cupertino |
 | Name:Dark Hive |
 | Name:Dot Luv |
 | Name:Eggplant |
 | Name:Excite Bike |
 | Name:Flick |
 | Name:Hot Sneaks |
 | Name:Humanity |
 | Name:Le Frog |
 | Name:Mint Chocolate |
 | Name:Overcast |
 | Name:Peper Grinder |
 | Name:Redmond |
 | Name:Smoothness |
 | Name:South Street |
 | Name:Start |
 | Name:Sunny |
 | Name:Swanky Purse |
 | Name:Trontastic |
 | Name:UI Darkness |
 | Name:UI Lightness |
 | Name:Vader |
0 comments:
Post a Comment