Crear una plantilla "blogger" jajaja

memoadian · #1 (**permalink**) 30/12/2009, 20:24

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 originalbody{
background:#ff0000;
etc:bla bla;
}

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.

Distriker · #2 (**permalink**) 01/01/2010, 15:57

Buenas Memodian, mira a ver si esto te sirve:

¿Te va bien?

Saludos

P.D. Creo que tu tema debería de ir aquí

.

user143 · #3 (**permalink**) 01/01/2010, 18:02

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

user143 · #4 (**permalink**) 01/01/2010, 18:07

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

memoadian · #5 (**permalink**) 01/01/2010, 22:27

muchas gracias amigos, definitivamente le dare una leida a todo eso.