Gadget multipestañas en Blogger – Service

Insertar un Gadget Multipestañas en tu Blog, es algo muy recomendado ya que en él puedes organizar tus gadgets de tal forma que ocupen menor espacio en la sidebar, además de ser algo bastante vistoso, es algo muy configurable, se puede insertar cualquier otro gadget sobre él, ya sea desde un simple texto, hasta un avanzado Gadget HTML, puedes ver este gadget en acción en la siguiente imágen:

Cómo instalar este Gadget en Blogger:

1. Primero vamos a nuestro escritorio enBlogger, y nos vamos aDiseño, Edición de HTML.

2. Seleccionamos ‘’Expandir plantillas de artilugios’’.

3. Buscamos el siguiente código:/b:skin y sobre éste agregamos el siguiente código:

ul.bltabcaja {height:24px;
margin: 0 auto;
width: 100%;
padding: 0;
float: left;
list-style: none;
list-style-type: none;
}
ul.bltabcaja li {
height:23px;
line-height:23px;
overflow: hidden;
background: #b3e0b5;
float: left;
position: relative;
margin: 0 auto;
padding: 0;
border-left: none;
margin-bottom: -1px;
border: 1px solid #999999;
}
ul.bltabcaja li a {
padding: 0 18px;
font-size: 14px;
text-decoration: none;
color: #000000;
display: block;
outline: none;
}
ul.bltabcaja li a:hover {
text-decoration: none;
background:#81D585;
}
ul.bltabcaja li a:active {
background: #6db671;
}
#bltabcaja2 {
width: 218px;
clear: both;
border-top: none;
border: 1px solid #999999;
overflow: hidden;
float: left;
background: #ffffff;
}
.bltabcaja_contenido {
font-size: 14px;
padding: 20px;
}
html ul.bltabcaja li.actual a:hover {
background: #ffffff;
border-bottom: none;
}

4. Ahora buscamos /head y sobre éste pegamos el siguiente código:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/
script type='text/javascript'
$(document).ready(function()
{
$(".bltabcaja_contenido").hide();
$("ul.bltabcaja li:first").addClass("active").show();
$(".bltabcaja_contenido:first").show();
$("ul.bltabcaja li").click(function()
{
$("ul.bltabcaja li").removeClass("active");
$(this).addClass("active");
$(".bltabcaja_contenido").hide();
var bltababierta = $(this).find("a").attr("href");
$(bltababierta).fadeIn();
return false;
});
});
/script

5. Guardamos la plantilla.

6. Ahora creamos unGadget HTML y sobre él escribimos el siguiente código:

ul class="bltabcaja"
lia href="#bl1"TITULO TAB 1/a/li
lia href="#bl2"TITULO TAB 2/a/li
/ul
div id="bltabcaja2"
div id="bl1" class="bltabcaja_contenido"
CONTENIDO TAB 1
/div
div id="bl2" class="bltabcaja_contenido"
CONTENIDO TAB 2
/div
/div

Donde diceTITULO TAB X, corresponde al título de cada pestaña, donde diceCONTENIDO TAB X corresponde al contenido del gadget.
Puedes agregar otra pestaña agregando antes del cierre (/div) el siguiente código:

div id="bl3" class="bltabcaja_contenido"
CONTENIDO TAB 2
/div

También antes de /ul deberás pegar lo siguiente:

lia href="#bl3"TITULO TAB 3/a/li

Si deseas agregar otras más deberás pegar el mismo código pero donde dice ‘’bl3’’ deberás reemplazar el número porbl4, bl5, así consecutivamente.


Eso es todo, y cualquier duda o problema, puedes comentar.

.

asbestos lung cancer Mobile casino structured settlement blog Seo companies Adobe illustrator classes Mortgage Adviser california mesothelioma attorney diagnosed with mesothelioma Massage School Dallas Texas Car insurance quotes pa utah mesothelioma lawyer mesothelioma drug Custom Christmas cards Service business software Donate Your Car Sacramento illinois law lemon structured settlement cash out MORTGAGE ADVISER Casino reviews Online casino Psd to WordPress Social media platforms for business CHEAP CAR INSURANCE FOR LADIES Car Insurance Quotes Online Criminal Justice Degree alabama mesothelioma lawyer Online Classes ANNUITY SETTLEMENT Casino harddrive data recovery services Criminal Defense Attorneys Florida MOTOR REPLACEMENTS accident attorney orange county Cheap car insurance in Virginia mesothelioma law firm BETTER CONFERENCING CALLS FORENSICS ONLINE COURSE Make money online Australia Mortgage adviser buy gift card Dayton Freight Lines structured settlemen personal injury lawyer sarasota fl Dwi lawyer DALLAS MESOTHELIOMA ATTORNEYS Hire php developers Donate Car To Charity CALIFORNIA Car insurance in South Dakota Live casino Cheap auto insurance in VA DUI lawyer Dallas Mesothelioma Attorneys Asbestos Lawyers Donate Cars Illinois Claim Criminal lawyer Seo company Hire php programmers AUTOMOBILE ACCIDENT ATTORNEY Online Motor Insurance Quotes structured annuity settlement Italian cooking school Donate Old Cars to Charity AUTO ACCIDENT ATTORNEY adverse remortgage FUTURISTIC ARCHITECTURE Christmas cards donate car for tax credit PHD IN COUNSELING EDUCATION Criminal defense lawyer Cheap domain registration hosting Hard drive Data Recovery Services Php programmers for hire Hire php developer car insurance in south dakota Photo Christmas cards CHEAP DOMAIN REGISTRATION HOSTING mesothelioma attorney directory Bankruptcy lawyer Php programmers DONATE YOUR CAR SACRAMENTO cheap auto insurance in va Computer science classes online verizon sip Business management software LIFE INSURANCE CO LINCOLN structured settlement purchasers Cheap Car Insurance for Ladies Car Insurance Quotes PA Best social media platforms for business how to donate a car in california New social media platforms ONLINE MOTOR INSURANCE QUOTES miami personal injury lawyer Business finance group Donate Car to Charity California Motor Replacements Social media examiner CHEAP AUTO INSURANCE IN VA washington mesothelioma attorney Annuity Settlements Custom WordPress theme designer Seo services insurance medical temporary DONATE CARS ILLINOIS Best Seo company Register Free Domains hair removal washington dc Online colledges supportpeachtreecom Best social media platforms Motor Insurance Quotes Online Christmas cards Car Insurance Quotes Utah mesothelioma survival rates