Taringa V5





Hola de nuevo amigos, estoy aqui otra vez, creando y compartiendo, al mismo tiempo enseñando, cada vez hago cosas mejores para ustedes y todo es debido a que mi blog se esta haciendo mas conocido, gracias a todos los que comparten mi blog y me visitan dia a dia, encerio gracias, bueno, volviendo al tema esta es la version 3 del tema que anteriormente comparti, se podria decir que tambien es la ultima, hare otra entrada con esta misma version solo que "tipo blog" si les gusta esta entrada no olviden de darle un "me gusta" en ella para que mas personas sepan de que existe, les dejo la demo y el link de descarga:



Configuracion

Ahora comensaremos a configurarlo, una vez hayan subido la plantilla y la tengan corriendo lo primero que haran sera dirigirse a su panel de administracion de blogger y entren a la seccion "Plantilla" y busquen:

 <b:widget id='Header1' locked='true' title='Taringa! (cabecera)' type='Header'/>

debajo de eso encontraran 3 widgets de esta forma:


lo que aran sera eliminar completamente lo que esta en la imagen marcado y despues precionen "guardar plantilla", al hacer eso les mostrara el siguiente mensaje:


precionan "eliminar widgets" y esperamos a que se gaurde, una vez guardado nos dirigiremos a la seccion "Diseño", nos mostraran una serie de cuadros blancos con nombres y en la parte inferir derecha la opcion "editar", vamos a buscar el rectangulo blanco grande que dice "pages" y vamos a darle click en editar, se nos abrira una ventana, en lla borraremos el titulo que dice "paginas" de la siguiente manera:


lo dejamos en blanco y damos click en el boton naranja que dice "guardar"
Ahora vamos a editar el cuadro blanco grande con el nombre de "Entradas del blog" y lo configuraremos todo de la siguiente forma:

Guardamos los cambios y ahora nuevamente nos dirigiremos a Plantilla > Edicion de HTML para buscar lo siguiente:


<div class='title-box clearfix'>
        <h2>Estadísticas</h2>
    </div>

dejabo de eso encontraran algunos codigos javascript, en el primero tienen que encontrar es esto:
DiasOnline(dd, mm, aaaa, &quot;&quot; )
y ahi reemplazaran "dd, mm, aaaa" por la fecha se se fundo su blog, ejemplo: 15, 9, 2012
mas abajo localicen esto "url-de-su-blog", lo encontraran dos veces, reemplacen eso por la url
 Para terminar marcamos la casilla de la parte superior izquierda que dice "Expandir plantillas de artilugios" y buscaremos esto:

<div class='post-autor clearfix'>
<div class='autor-entrada'>
lo que estara mas abajo lo reemplazan por los datos de ustedes correspondientes y eso seria todo respecto a la configuracion.



Correcto uso y funcionamiento

esta plantilla trae unas novedades, pueden usar todos los iconos de taringa para los titulos de sus entradas y aparescan en la home tal y como saldrian en taringa, para ello debemos agregar una pequeña linea de codigo con el nombre del icono a llamar en el titulo al momento de crear una entrada, lo hacemos de esta forma:


Lo malo de usar este metodo es que al entrar en un post en la parte superiro del navegador en donde se encuentran las pestañas aparecera lo siguiente:

es por eso que si van a usar los iconos tienen que ser concientes de que en sus titulos, en la parte de los navegadores apareceran de esa forma, en las entradas no ocurrira lo mismo, en esta encambio desapareceran.

Pueden hacer uso de los siguientes iconos:

<i class="icon sticky"></i>
<i class="icon web-blog"></i>
<i class="icon humor"></i>
<i class="icon noticias"></i>
<i class="icon paranormal"></i>
<i class="icon juegos"></i>
<i class="icon salud-bienestar"></i>
<i class="icon imagenes"></i>
<i class="icon autos-motos"></i>
<i class="icon offtopic"></i>
<i class="icon deportes"></i>
<i class="icon animaciones"></i>
<i class="icon apuntes-y-monografias"></i>
<i class="icon ciencia-educacion"></i>
<i class="icon ecologia"></i>
<i class="icon economia-negocios"></i>
<i class="icon femme"></i>
<i class="icon hazlo-tu-mismo"></i>
<i class="icon juegos-online"></i>
<i class="icon linux"></i>
<i class="icon mac"></i>
<i class="icon mascotas"></i>
<i class="icon patrocinados"></i>
<i class="icon recetas-y-cocina"></i>
<i class="icon reviews"></i>
<i class="icon solidaridad"></i>
<i class="icon turismo"></i>
<i class="icon videos"></i>
<i class="icon downloads"></i>