Caricaturas

Nostalgia

El Baúl de los Recuerdos

Rockola

Video Blog

You are here

Insertar widget MULTI-TAB (multipestañas) en tu blog

Uno de los widgets eficientes del espacio para los blogs, es por supuesto un widget de múltiples pestañas, que es casi una necesidad para cualquier blog. Puede usarlo para los puestos populares, los comentaristas superiores, los recientes, los mensajes recientes o cualquier flash que desee.  Por ejemplo la imagen muestra un multipestañas que hice para la pagina http://www.guatemalasismica.tk/


Aunque se pueden encontrar algunos otros métodos en Internet, pero todos tienen algo en común: son bastante confusos. Para ello les dejo este método, que es bastante fácil, pero por supuesto hay que ajustar la plantilla.


El proceso completo tiene principalmente dos pasos:

Paso 1:


Buscamos esto en nuestro codigo con la plantilla extendida

]]></b:skin>




Y pegamos este codigo:



// Copyright (C) 2005 Ilya S. Lyubinskiy.

// All rights reserved.

// Technical support: http://www.php-development.ru/



div.TabView div.Tabs

{

height: 24px;

overflow: hidden;

}

div.TabView div.Tabs a

{

float: left;

display: block;

width: 90px; /* Width top main menu - Tab Buttons*/

text-align: center;

height: 24px; /* Height top main menu - Tab Buttons*/

padding-top: 3px;

vertical-align: middle;

border: 1px solid #000; /* Top Main menu border color */

border-bottom-width: 0;

text-decoration: none;

font-family: "Times New Roman", Serif; /* Top main menu font */

font-weight: 900;

color: #000; /* Top main menu font color */

}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active

{

background-color: #F4F4F4; /* Top main menu background color */

}

div.TabView div.Pages

{

clear: both;

border: 1px solid #6E6E6E; /* Content Border color */

overflow: hidden;

background-color: #FBF1A4; /* Content background color */

}

div.TabView div.Pages div.Page

{

height: 100%;

padding: 0px;

overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad

{

padding: 3px 5px;

}


2. Descarga este archivos java aquí
DESCARGAR


3. Lo alojamos en cualquier servidor gratuito.


4. Buscamos con CTRL + F esta etiqueta:

</Head>


y justo antes pegamos esto:


<script src='http://mydatanest.com/......./tabview.js' type='text/javascript'/>

Salvamos la plantilla.


5. Nos vamos a Diseño y abrimos una caja HTLM y pegamos lo siguiente:


<form action="tabview.html" method="get">

<div class="TabView" id="TabView">

<div class="Tabs" style="width: 350px;">

<a>Tab 1</a>

<a>Tab 2</a>

<a>Tab 3</a>

</div>

<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">

<div class="Pad">

Content 1.1 <br />

Content 1.2 <br />

Content 1.3 <br />

</div>

</div>

<div class="Page">

<div class="Pad">

Content 2.1 <br />

Content 2.2 <br />

Content 2.3 <br />

</div>

</div>

<div class="Page">

<div class="Pad">

Content 3.1 <br />

Content 3.2 <br />

Content 3.3 <br />

</div>

</div>

</div>

</div>

</form>

<script type="text/javascript">

tabview_initialize('TabView');

</script><span>widget by<a href="http://bloggerstop.net"> BloggerStop</a></span>

Y listo. Saludos





Juan Pablo Mata

Especialista en Recuerdos y Música. Todo lo que te produzca Nostalgia aquí lo encuentras. En insta y twitter @juanpaguatemala

No hay comentarios:

Leave a Reply

Labels

60's 70's 80's 90's Abuso de PMT Administracion Moderna Alimentación Altavista Amigos Anime Anthony Cymerys Aplicaciones Apollo 11 Apollo 16 Apple Astronomía Audio Automatización Aviacion Ayuda Bill Cosby Biografia Blog Blogger Broma CANSAT Caricaturas Carlos Rivas Carlos Slim Charles Duke Chavorrucos Chile Chucherías Ciencia Cine Clase Coaching Compu Comunicación Correo CPM Cuestionarios Curioso Dante Denuncia Desagradable Descenso Dia del locutor Dialogo Diario Dieta Dieta de 1 Semana Dinero Dios es bello Diversión Don Leo Economia Educación EEI Email Español Estacion Espacial Internacional Exito Facebook Farandula Feature Finanzas Forrest Gump Fotos Friends Gamegear Gasolinera Generación 80's Generación 90's Gmail Google Google Labs Google Maps Grabación Guate Guatemala Hack Herramienta Herzio Historia Hotmail Html Idioma Informatica Insolito Interesante Internet Japon Java John Young Juan Pablo Mata Juegos Juguetes Las 100 mejores comidas rapidas del mundo Listado Llavero Locutor Luna Mapacho Matrimonio McPatatas Medicina Memorias Mentoring Mercadotecnia Merk Meteorito Microsoft Mitos sobre las dietas Motivación Mozilla MTV Multimedia Mundo Muñecas Musica Música Nasa Navidad Nerds Nintendo Nivea Nombre Nostalgia Noticia Noticias Novedoso Opinión Ortografía Outlook Padres Pajaro Loco Panchito el Avioncito Papa Francisco Papas Fritas Pelicula Perfil Personal Peru Peso Piscologia Planeacion Estrategica Pleonasmo Podcast Power Point Prevención Progra Programas Promocion Prypiat Psicología Que significa tu nombre Radio Recuerdos Redes Sociales Reingenieria Remi Repollito Retro Revista Rolling Stones Ringtone Ruleteros Rusia Salud Sega Seguridad Seminario de Gerencia Seminario de Informatica Seminarios Series de Televisión Servicio al cliente Servicio Social Shows Significado Sismos Sistemas de Información Skyppe Social Solidaridad Sony Spotify Superación Tecnología Teléfono Televisión Teoria Gerencial Terapia Toma de Decisiones Tour Transporte Tristeza TV Twitter Uka Uka Universidad Universo URL Venganza de los Nerds Vida Video Videojuegos Viral Virus Walkman Wikipedia Ya Estamos Viernes Yahoo Yosi Sideral Yosinews You Tube Youtube Zapatos