Foros del Web » Creando para Internet » HTML »

Crear una plantilla "blogger" jajaja

Estas en el tema de Crear una plantilla "blogger" jajaja en el foro de HTML en Foros del Web. Hola que tal me decliné por este foro ya que no encontré ningún lugar que se pareciera, prefabricadas no, obvio es una plataforma de blogs ...
  #1 (permalink)  
Antiguo 30/12/2009, 20:24
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 8 años, 5 meses
Puntos: 641
Crear una plantilla "blogger" jajaja

Hola que tal me decliné por este foro ya que no encontré ningún lugar que se pareciera, prefabricadas no, obvio es una plataforma de blogs sin acceso al host, css tal vez pero mi duda viene más para el html por eso la pongo aquí.

Si yo se que a lo mejor me discriminan por ser blogger, y por asno, pero la verdad es que se ajusta demasiado a mis necesidades, y gracias a eso, es que sé lo que sé (nada pero algo es algo). bueno al grano.

yo empecé a editar mis blogs a partir de una plantilla, la mínima, la cual es muy simple, y de ahí fui añadiendo cosa tras cosa, pero me gustaría crear una desde cero lo que no parece difícil al ver su código.

por ejemplo esta maquetada en css si no me equivoco,

primero tenemos este código que es el que me intriga:

Código HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Minima
Date:     26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
¿ese se puede quedar así verdad?
bueno salvo algunos datillos evidentes.

luego las variables

Código HTML:
/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff"> 
¿estas cosas que son, y en que momento son llamadas?

luego viene el css
Código CSS:
Ver original
  1. body{
  2. background:#ff0000;
  3. etc:bla bla;
  4. }

algo sencillo o no muy dificil por lo menos para mi

y despues viene lo canijo, jaja

si no expandimos artilugios viene esto:

Código HTML:
 </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Probando el anime. (cabecera)' type='Header'/>
</b:section>
    </div>
 
    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
      </div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML9' locked='false' title='Random' type='HTML'/>
<b:widget id='HTML8' locked='false' title='About Me' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Slider' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Glider Content' type='HTML'/>
<b:widget id='HTML7' locked='false' title='TABDIV' type='HTML'/>
<b:widget id='HTML4' locked='false' title='Video' type='HTML'/>
<b:widget id='HTML5' locked='false' title='FEATLIST' type='HTML'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>*</div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>

  </div></div> <!-- end outer-wrapper -->
</body>
</html> 
es solo un simple codigo html pero trae ciertas cosas como:

Código HTML:
<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Probando el anime. (cabecera)' type='Header'/>
</b:section>
    </div> 
obvio eso es un div, pero trae cosas como "<b:" "id=" "showadelement" que es el que sirve para añadir gadgets en el panel.

¿esto es html puro y duro?

y los widgets:

Código HTML:
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'>
        <span class='zippy toggle-open'></span>
    </a>
  <b:else/> 
¿esto se genera solo al darle click en añadir widget?
¿esto no es html verdad?

Mi idea es generar mi plantilla desde cero, tengo algunos scripts, pero necesito ponerlos de cierta forma y después cuando sepa hacerlo crear un tutorial, para aquellos que no conocen nada del tema, saludos.

PD a ver si no me multan por esto XD

Y la pregunta del millón es: ¿puedo hacer la plantilla con mi editor normal con la hoja de estilos separada y luego juntarlas para que se vea en el blog? con los parámetros antes mencionados ya claritos, por supuesto.

Última edición por memoadian; 30/12/2009 a las 20:30
  #2 (permalink)  
Antiguo 01/01/2010, 15:57
Avatar de Distriker  
Fecha de Ingreso: marzo-2008
Ubicación: Las Palmas De Gran Canarias
Mensajes: 924
Antigüedad: 9 años, 8 meses
Puntos: 23
Respuesta: Crear una plantilla "blogger" jajaja

Buenas Memodian, mira a ver si esto te sirve:
  1. Crear plantilla blogger (anchos)
  2. Crear plantilla blogger (widebars)
  3. Crear plantilla blogger (sidebars)
  4. Crear plantilla blogger (flotaciones)
¿Te va bien?

Saludos

P.D. Creo que tu tema debería de ir aquí .
__________________
Si no te quejas, nunca conseguiras nada, pero si te quejas siempre lo perderás todo.
Una mala acción da fruto a un mal Karma.
  #3 (permalink)  
Antiguo 01/01/2010, 18:02
 
Fecha de Ingreso: noviembre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Crear una plantilla "blogger" jajaja

Hola Memoadian, aki te dejo este, espero q te sirva: http://www.mundodeblog.com/2009/09/plantillas-para-blogs-cambiar-la.html

Última edición por user143; 01/01/2010 a las 18:59
  #4 (permalink)  
Antiguo 01/01/2010, 18:07
 
Fecha de Ingreso: noviembre-2009
Mensajes: 6
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Crear una plantilla "blogger" jajaja

Hola Memoadian, aki te dejo este, espero q te sirva: http://nestavista.com/2007/09/como-crear-una-plantilla-para-blogger-y.html

Última edición por user143; 01/01/2010 a las 19:01
  #5 (permalink)  
Antiguo 01/01/2010, 22:27
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 8 años, 5 meses
Puntos: 641
Respuesta: Crear una plantilla "blogger" jajaja

muchas gracias amigos, definitivamente le dare una leida a todo eso.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:42.