A Heart in Love with Beauty Never Grows Old...!




News Update :

Tabbed content widget for Blogger

Add easily tabbed widget to blogger blog.

I find below code by search

<style type="text/css">
.tabber {
 padding: 0px !important;
 border: 0 solid #bbb !important;
}
.tabber h2 {
 float: left;
 margin: 0 1px 0 0;
 font-size: 12px;
 padding: 3px 5px;
 border: 1px solid #bbb;
 margin-bottom: -1px; /*--Pull tab down 1px--*/
 overflow: hidden;
 position: relative;
 background: #e0e0e0;
 cursor:pointer;
}
html .tabber h2.active {
 background: #fff;
 border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/
}
.tabber .widget-content {
 border: 1px solid #bbb;
 padding: 10px;
 background: #fff;
 clear:both;
 margin:0;
}
.codewidget, #codeholder {
 display:none;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(7($){$.q.r=7(b){4 c={g:3};4 b=$.s(c,b);4 d=$(8).h().h(\'.5\');d.6(\'t\');u($(\'a[v^="w://x.y.z"]\').A(\'#i a\')){d.B(\'.5\').C(0,b.g).6(\'1\')}D{}$(\'.1\').9();$(\'.1:e\').j($(\'.1 2\'));$(\'.1:e\').k();$(\'.1\').E($(\'#i p\').F({\'G\':\'H 0 0\',\'I\':\'0\',\'J-K\':\'L\'}));$(\'.1 2:e\').6(\'f\');$(\'.1 2\').M(7(){$(\'.1 2\').N(\'f\');$(8).6(\'f\');4 n=$(\'.1 2\').O($(8));4 a=$(\'.1:P(\'+n+\')\');a.j($(\'.1 2\'));$(\'.1\').9();a.k();a.l(\'.5-m\').o().9();a.l(\'.5-m\').o().Q(R);S T})}})(U);',57,57,'|tabber|h2||var|widget|addClass|function|this|hide|||||first|active|tabCount|parent|codeholder|prepend|show|find|content||contents||fn|bloggerTabber|extend|codewidget|if|href|http|www|bloggersentral|com|is|nextAll|slice|else|append|css|margin|5px|padding|font|size|10px|click|removeClass|index|eq|fadeIn|700|return|false|jQuery'.split('|'),0,{}))
</script>
<script type="text/javascript">
$(document).ready(function() {
 $('#codeholder').bloggerTabber ({
  tabCount : 3
 });
});
</script>

- Copy above code
- Add html widget & paste
- Now add 3 widgets below it
- Change tabcount to change number of tabs


.

Comments:

No comments :

You are the essence of essence....
Be sure of what you look for...!
It is you... It is in you...!

Online Radio...!