Instalaciónen blogger
Paso 1) Añadir el CSS y el script
.tabviewcont{
margin:15px 0;
padding:0;
clear:both;
list-style:none;
}
.tabviewnav {
margin: 0;
padding: 0;
font-size:14px; /* Tamaño de la fuente en las pestañas */
font-weight:bold;
}
.tabviewnav li {
float: left;
margin: 0 -15px 0 0;
list-style:none;
}
.tabviewnav li a {
float: left;
position: relative;
padding: 0 40px;
height: 0;
line-height: 30px;
text-transform: uppercase;
text-decoration: none;
color:#fff;
border-right: 30px solid transparent;
border-bottom: 30px solid #3D3D3D;
border-bottom-color: #0597db;
}
.tabviewnav li a:hover {
color:#fff;
border-right: 30px solid transparent;
border-bottom: 30px solid #dba105;
border-bottom-color: #b4fc60;
text-decoration:none;
}
.tabviewnav li.tabviewactive a,
.tabviewnav li.tabviewactive a:hover {
border-right: 30px solid transparent;
border-bottom: 30px solid #3D3D3D;
border-bottom-color: #a11bd2;
color:#fff;
}
.tabviewcont .tabviewtab {
padding:5px;
}
.tabviewcont .tabviewtab h2,
.tabviewcont .tabviewtabhide {
display:none;
}
.tabviewtab .widget-content ul{
list-style:none;
margin:0 0 10px 0;
padding:0;
}
.tabviewtab .widget-content li {
border-bottom:1px solid #ccc;
margin:0 5px;
padding:2px 0 5px 0;
}
Terminado de copiar el codigo CSS , buscamos la etiqueta/head y justo arriba de ella pegamos el siguiente código javascript(este código nos agrupa los gadgets).
script type='text/javascript'
// Tabview para agrupar gadgets
//![CDATA[
document.write('style type="text/css".tabview{display:none;}/style');function tabviewObj(argsObj){var arg;this.div=null;this.classMain="tabview";this.classMainLive="tabviewcont";this.classTab="tabviewtab";this.classTabDefault="tabviewtabdefault";this.classNav="tabviewnav";this.classTabHide="tabviewtabhide";this.classNavActive="tabviewactive";this.titleElements=['h2','h3','h4','h5','h6'];this.titleElementsStripHTML=true;this.removeTitle=true;this.addLinkId=false;this.linkIdFormat='tabviewidnavtabnumberone';for(arg in argsObj){this[arg]=argsObj[arg]}this.REclassMain=new RegExp('\b'+this.classMain+'\b','gi');this.REclassMainLive=new RegExp('\b'+this.classMainLive+'\b','gi');this.REclassTab=new RegExp('\b'+this.classTab+'\b','gi');this.REclassTabDefault=new RegExp('\b'+this.classTabDefault+'\b','gi');this.REclassTabHide=new RegExp('\b'+this.classTabHide+'\b','gi');this.tabs=new Array();if(this.div){this.init(this.div);this.div=null}}tabviewObj.prototype.init=function(e){var childNodes,i,i2,t,defaultTab=0,DOM_ul,DOM_li,DOM_a,aId,headingElement;if(!document.getElementsByTagName){return false}if(e.id){this.id=e.id}this.tabs.length=0;childNodes=e.childNodes;for(i=0;ichildNodes.length;i++){if(childNodes[i].className&&childNodes[i].className.match(this.REclassTab)){t=new Object();t.div=childNodes[i];this.tabs[this.tabs.length]=t;if(childNodes[i].className.match(this.REclassTabDefault)){defaultTab=this.tabs.length-1}}}DOM_ul=document.createElement("ul");DOM_ul.className=this.classNav;for(i=0;ithis.tabs.length;i++){t=this.tabs[i];t.headingText=t.div.title;if(this.removeTitle){t.div.title=''}if(!t.headingText){for(i2=0;i2this.titleElements.length;i2++){headingElement=t.div.getElementsByTagName(this.titleElements[i2])[0];if(headingElement){t.headingText=headingElement.innerHTML;if(this.titleElementsStripHTML){t.headingText.replace(/br/gi," ");t.headingText=t.headingText.replace(/[^]+/g,"")}break}}}if(!t.headingText){t.headingText=i+1}DOM_li=document.createElement("li");t.li=DOM_li;DOM_a=document.createElement("a");DOM_a.appendChild(document.createTextNode(t.headingText));DOM_a.href="javascript:void(null);";DOM_a.title=t.headingText;DOM_a.onclick=this.navClick;DOM_a.tabview=this;DOM_a.tabviewIndex=i;if(this.addLinkId&&this.linkIdFormat){aId=this.linkIdFormat;aId=aId.replace(/tabviewid/gi,this.id);aId=aId.replace(/tabnumberzero/gi,i);aId=aId.replace(/tabnumberone/gi,i+1);aId=aId.replace(/tabtitle/gi,t.headingText.replace(/[^a-zA-Z0-9-]/gi,''));DOM_a.id=aId}DOM_li.appendChild(DOM_a);DOM_ul.appendChild(DOM_li)}e.insertBefore(DOM_ul,e.firstChild);e.className=e.className.replace(this.REclassMain,this.classMainLive);this.tabShow(defaultTab);if(typeof this.onLoad=='function'){this.onLoad({tabview:this})}return this};tabviewObj.prototype.navClick=function(event){var rVal,a,self,tabviewIndex,onClickArgs;a=this;if(!a.tabview){return false}self=a.tabview;tabviewIndex=a.tabviewIndex;a.blur();if(typeof self.onClick=='function'){onClickArgs={'tabview':self,'index':tabviewIndex,'event':event};if(!event){onClickArgs.event=window.event}rVal=self.onClick(onClickArgs);if(rVal===false){return false}}self.tabShow(tabviewIndex);return false};tabviewObj.prototype.tabHideAll=function(){var i;for(i=0;ithis.tabs.length;i++){this.tabHide(i)}};tabviewObj.prototype.tabHide=function(tabviewIndex){var div;if(!this.tabs[tabviewIndex]){return false}div=this.tabs[tabviewIndex].div;if(!div.className.match(this.REclassTabHide)){div.className+=' '+this.classTabHide}this.navClearActive(tabviewIndex);return this};tabviewObj.prototype.tabShow=function(tabviewIndex){var div;if(!this.tabs[tabviewIndex]){return false}this.tabHideAll();div=this.tabs[tabviewIndex].div;div.className=div.className.replace(this.REclassTabHide,'');this.navSetActive(tabviewIndex);if(typeof this.onTabDisplay=='function'){this.onTabDisplay({'tabview':this,'index':tabviewIndex})}return this};tabviewObj.prototype.navSetActive=function(tabviewIndex){this.tabs[tabviewIndex].li.className=this.classNavActive;return this};tabviewObj.prototype.navClearActive=function(tabviewIndex){this.tabs[tabviewIndex].li.className='';return this};function tabviewAutomatic(tabviewArgs){var tempObj,divs,i;if(!tabviewArgs){tabviewArgs={}}tempObj=new tabviewObj(tabviewArgs);divs=document.getElementsByTagName("div");for(i=0;idivs.length;i++){if(divs[i].className&&divs[i].className.match(tempObj.REclassMain)){tabviewArgs.div=divs[i];divs[i].tabview=new tabviewObj(tabviewArgs)}}return this}function tabviewAutomaticOnLoad(tabviewArgs){var oldOnLoad;if(!tabviewArgs){tabviewArgs={}}oldOnLoad=window.onload;if(typeof window.onload!='function'){window.onload=function(){tabviewAutomatic(tabviewArgs)}}else{window.onload=function(){oldOnLoad();tabviewAutomatic(tabviewArgs)}}}if(typeof tabviewOptions=='undefined'){tabviewAutomaticOnLoad()}else{if(!tabviewOptions['manualStartup']){tabviewAutomaticOnLoad(tabviewOptions)}}
//
/script
Paso 2) Añadir los Gadgtes
Culminado el paso 1, busque el sidebar de su preferencia donde va a ubicar los Tabview o las pestañas y dentro de este pegar el siguiente codigo.
div id='sidebar-wrapper'!--el sidebar--
!--INICIO DE PESTAÑAS--
div class='tabview'
!--INICIO DE PESTAÑA1--
div class='tabviewtab' id='Pestaña1' title='Facebook'
b:section class='sidebar-social' id='widget-pestana-1' maxwidgets='1' showaddelement='yes'/
/div
!--FIN--
!--INICIO DE PESTAÑAS2--
div class='tabviewtab' id='Pestaña2' title='Twitter'
b:section class='sidebar-social' id='widget-pestana-2' maxwidgets='1' showaddelement='yes'/
/div
!--FIN--
!--INICIO PESTAÑAS3--
div class='tabviewtab' id='Pestaña3' title='Google +'
b:section class='sidebar-social' id='widget-pestana-3' maxwidgets='1' showaddelement='yes'/
/div
!--FIN--
/div
!--FIN--
/div!--fin del sidebar--
si tienen algun problema diganmelo para realizar la respectiva correcion
Cord Blood Condominios commodities Juguetes para niños Gas/Electricity Tecnología Acciones Los préstamos y donaciones Insurance Credit Vender Anualidad de Pago Attomey Donar coche a la caridad California Classes Online Making Money Asbestos Lawyers Loans Mortgage Lawyer Colegios en línea Degree MBA ranking España Recovery Digital Photography Donate actions Hosting Casino reviews Claim Conference Call Trading Negocios Software Donate Car for Tax Credit Universidades Politics online Transfer Sell Annuity Payment money Online games Fashion and Design Rehab Treatment Salud Cómo hacer dinero en línea Moda y Diseño Web Hosting y Dominios Fotografía digital Seguros
AMIGO USTED TENIA UNA PLANTILLA DE MEGA EN SU BLOG PARA BLOGGER, QUISIERA SABER QUE LE PASO POR QUE NO LA ENCUENTRO.
ResponderEliminar