Vas a verlos por categorías, son las etiquetas.

Tenes el listado total, buscando por titulo de entrada.

Los post de ayuda están ordenado por mes.

Un listado de amigos, los que me linkean, si no estás avisame.

Podes tenerme en tu blog con un banner. Si queres algún color pedime que lo armo.

Plantilla de tres columnas para Beta

Esta es la primera para beta.
Después del código XHTML les aclaro como se cambia el favicon y si desean dejar la barra de blogger



Aca le dejo el código:

Abri - Cerra


    <?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 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>
    <link href='http://mppierce66.home.comcast.net/web/fi/saturn.16.gif' rel='shortcut icon'/>
    <link href='http://mppierce66.home.comcast.net/web/fi/saturn.16.gif' rel='icon'/>
    <title><data:blog.pageTitle/></title>
    <b:include data='blog' name='all-head-content'/>
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Plantilla de tres columnas
    Blog de César
    http://jcesarp.blogspot.com/
    -----------------------------------------------
    */

    /* Variable definitions
    ====================
    <Variable name="bodyBgColor" description="Main Background Color"
    type="color" default="#191970" value="#191970">
    <Variable name="mainBgColor" description="Blog Background Color"
    type="color" default="#ffffff" value="#ffffff">
    <Variable name="borderColor" description="Border Color"
    type="color" default="#00008B" value="#00008B">
    <Variable name="headerTextColor" description="Blog Header Text Color"
    type="color" default="#C3D9FF" value="#C3D9FF">
    <Variable name="descriptionTextColor" description="Blog Description Text Color"
    type="color" default="#C3D9FF" value="#C3D9FF">
    <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
    type="color" default="#ffff66" value="#C3D9FF">
    <Variable name="dateHeaderColor" description="Date Header Color"
    type="color" default="#996633" value="#b3b3b3">
    <Variable name="postHeaderColor" description="Post Header Color"
    type="color" default="#996633" value="#00008b">
    <Variable name="textColor" description="Text Color"
    type="color" default="#333333" value="#000000">
    <Variable name="linkColor" description="Link Color"
    type="color" default="#e1771e" value="#0066CC">
    <Variable name="visitedlinkColor" description="Visited Link Color" type="color" default="#660000" value="#800080">
    <Variable name="bqBgColor" description="Blocquote Background Color" type="color" default="#ffcc66" value="#e1ecff">
    <Variable name="bqTextColor" description="Blocquote Text Color" type="color" default="#660000" value="#400058">

    <Variable name="bodyFont" description="Text Font"
    type="font" default="normal normal 90% Arial, sans-serif;" value="normal normal 77% Arial, sans-serif">
    <Variable name="headerFont" description="Blog Header Font"
    type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 372% Arial, sans-serif">
    <Variable name="descriptionFont" description="Blog Description Font"
    type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="italic normal 157% Arial, sans-serif">
    <Variable name="sbHeaderFont" description="Sidebar Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal bold 124% Arial, sans-serif">
    <Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 101% Arial, sans-serif">
    <Variable name="postHeaderFont" description="Post Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal bold 135% Arial, sans-serif">

    */
    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
    #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
    /* BODY
    ---------------------- */
    body {
    background-color: #373425;
    margin: 0;
    padding: 0;
    text-align: center;
    font: $bodyFont;
    color: #FFFFCC;
    }

    /* OUTER WRAPPER
    ----------------------- */
    #outer-wrapper {
    width: 96%;
    margin: 0 2% 0 2%;
    background-color: #373425;
    }


    a:link {
    color: #FFFF99;
    }
    a:visited {
    color: #FFFF99;
    }
    a img {
    border-width: 0;
    }



    /* HEADER
    ----------------------------------------------- */
    #header-wrapper {
    margin-top: 05px;
    padding: 0;
    background-color: transparent;
    text-align: left;
    font-size: 16px;

    }

    #header {
    width: 96%;
    height: 180px;
    background-color: $bodyBgColor;
    background: url(http://img222.imageshack.us/img222/5877/fondosx2.jpg) center;
    margin: 0 auto;
    color: #FFFF99;
    padding: 0;
    border: 1px solid #F87412;
    }

    #header h1 {
    padding-top: 60px;
    margin: 0 14px .1em;
    line-height: 1.2em;
    font-family: georgia, verdana, sans-serif;
    font-size: 50px;
    color: #FFFF99;
    }

    #header a {
    color: $headerTextColor;
    text-decoration: none;
    }

    #header .description {
    display: block;
    margin: 10px; 14px;
    padding: 0 0 40px;
    line-height: 1.4em;
    font: $descriptionFont;
    color: #FFFF99;
    }

    /* Content
    ----------------------------------------------- */

    .clear {
    clear: both;
    }


    #content-wrapper {
    width: 96%;
    margin: 0 auto;
    padding: 0 0 15px;
    text-align: left;
    background-color: #303030;
    border: 1px solid #F87412;
    border-top: 0;
    }
    #main-wrapper {
    margin-left: 2%;
    width: 50%;
    float: left;
    padding: 10px;
    background-color:#303030;
    border: 1px solid #F87412;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    }
    #left-sidebar-wrapper {
    margin-left: 1%;
    width: 20%;
    float: left;
    background-color: transparent;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    }

    #right-sidebar-wrapper {
    margin-right: 1%;
    width: 20%;
    float: right;
    background-color: transparent;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    }

    /* Headings
    ----------------------------------------------- */
    h2, h3 {
    margin: 0;
    }

    /* POSTS
    ----------------------------------------------- */
    .date-header {
    margin: 1.5em 0 0;
    font-weight: normal;
    color: #808080;
    font: $dateHeaderFont;
    text-align: right;
    border-bottom: 1px solid #800000;
    }
    .post {
    margin: 0;
    padding-bottom: 1.5em;
    }
    .post-title {
    margin: 5px 0 0 0;
    padding: 0;
    font: $postHeaderFont;
    color: #FFFF99;
    line-height: 1.1em;
    }
    .post-title a, .post-title a:visited, .post-title strong {
    text-decoration: none;
    color: #FFFF99;
    font: $postHeaderFont;
    }

    .post-footer {
    font-size: 100%;
    color: #FF6600;
    }

    .post img {
    padding: 4px;
    border: 2px solid #55583D;
    }
    .post blockquote {
    margin: 1em 20px;
    padding: 5px 5px;
    border-top: 1px solid #F97522;
    border-bottom: 1px solid #F97522;
    border-left: 1px solid #F97522;
    border-right: 1px solid #F97522;
    background-color: #FFFFCC;
    color: #000000;
    }


    /* Comments
    ----------------------------------------------- */
    #comments h4 {
    margin: 1em 0;
    color: $dateHeaderColor;
    }
    #comments h4 strong {
    font-size: 110%;
    }
    #comments-block {
    margin: 1em 0 1.5em;
    line-height: 1.3em;
    }
    #comments-block dt {
    margin: .5em 0;
    }
    #comments-block dd {
    margin: .25em 0 0;
    }
    #comments-block dd.comment-footer {
    margin: -.25em 0 2em;
    line-height: 1.4em;
    font-size: 78%;
    }
    #comments-block dd p {
    margin: 0 0 .75em;
    }

    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    .feed-links {
    clear: both;
    line-height: 2.5em;
    }

    #blog-pager-newer-link {
    float: left;
    }

    #blog-pager-older-link {
    float: right;
    }

    #blog-pager {
    text-align: center;
    }

    /* Sidebar Content
    ----------------------------------------------- */
    .sidebar h2 {
    margin: 1.6em 0 .5em;
    padding: 4px 5px;
    background-color: $bodyBgColor;
    background: url(http://img206.imageshack.us/img206/8205/side1bb2.jpg) top left;
    font: $sbHeaderFont;
    text-align: center;
    color: #FFFF99;
    border: solid 3px double $mainBgColor;
    }

    .sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .sidebar li {
    margin: 0;
    padding: 0 0 .5em 15px;
    text-indent: -15px;
    line-height: 1.5em;
    }
    .sidebar {
    color: #FFFF99;
    line-height:1.3em;
    }
    .sidebar .widget {
    margin-bottom: 1em;
    }

    .sidebar .widget-content {
    margin: 0 5px;
    }

    /* Profile
    ----------------------------------------------- */
    .profile-img {
    float: center;
    margin: 0 5px 5px 0;
    padding: 4px;
    border: 1px solid #FF6600;
    }

    .profile-data {
    margin:0;
    text-transform:uppercase;
    text-align: justify;
    letter-spacing:.1em;
    font-weight: bold;
    line-height: 1.6em;
    font-size: 78%;
    }

    .profile-datablock {
    margin:.5em 0 .5em;
    }

    .profile-textblock {
    margin: 0.5em 0;
    line-height: 1.6em;
    }


    /* Footer
    ----------------------------------------------- */
    #footer {
    clear: both;
    text-align: center;
    color: $textColor;
    }

    #footer .widget {
    margin:.5em;
    padding-top: 20px;
    font-size: 100%;
    line-height: 1.5em;
    text-align: left;
    }

    ]]></b:skin>
    <script src='http://www.anniyalogam.com/widgets/hackosphere.js' type='text/javascript'/>
    </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='false' title='Blog de César (cabecera)' type='Header'/>
    </b:section>
    </div>

    <div id='content-wrapper'>

    <div id='left-sidebar-wrapper'>
    <b:section class='sidebar' id='left-sidebar' preferred='yes'>
    <b:widget id='Profile1' locked='false' title='Perfil' type='Profile'/>
    <b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
    <b:widget id='Image1' locked='false' title='Firefox' type='Image'/>
    <b:widget id='Image2' locked='false' title='Un lindo perrito !!' type='Image'/>
    </b:section>
    </div>

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

    <div id='right-sidebar-wrapper'>
    <b:section class='sidebar' id='right-sidebar' preferred='yes'>
    <b:widget id='Label1' locked='false' title='Menú' type='Label'/>
    <b:widget id='BlogArchive1' locked='false' title='Archivos' type='BlogArchive'/>
    <b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'/>
    <b:widget id='Image3' locked='false' title='Un lindo gatito !!' type='Image'/>
    </b:section>
    </div>

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

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

    <div id='footer-wrapper'>
    <b:section class='footer' id='footer'>
    <b:widget id='Text1' locked='false' title='' type='Text'/>
    <b:widget id='HTML1' locked='false' title='' type='HTML'/>
    </b:section>
    </div>

    </div></div> <!-- end outer-wrapper -->
    </body>
    </html>


    Favicon o imagen que va en la URL:

    <link href='http://mppierce66.home.comcast.net/web/fi/saturn.16.gif' rel='shortcut icon'/>
    <link href='http://mppierce66.home.comcast.net/web/fi/saturn.16.gif' rel='icon'/>

    Si queres cambiar la imagen.
    Te dejo una buena galeria aca

    La barra de blogger.

    Algunos les parece útil, que se yo....
    En está plantilla vas a ver un lindo efecto que hace, aparece cuando pones el raton.
    El código está resaltado en azul.
    #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
    #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

    Pero si lo que queres es que desaparezca ponele este código:
    <style type='text/css'>
    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none;
    }
    </style>

    Va arrida de todo, antes de HEAD

    Por último aclaro que la imagen del titulo como del sidebar lo podes cambiar y están en verde en la plantilla.

    ALGUNOS EFECTOS SE VEN CON EL NAVEGADOR FIREFOX.

10 comentarios :

moo dijo...

Cesar, queria comentarte lo siguiente yo tengo el blog en una plantilla Rounders, sabes como debo hacer para agregar otro sidebar, ya que las consultas que estuve haciendo, me dan respuesta sobre una plantilla básica y no coincide el html, te aclaro que del mismo no se nada más que copiar y pegar, te dejo el blog y Grcias
cronicasramenses.blogspot.com

Elizabeth dijo...

César, vine a dejarte una disculpa, oye que pena he pasado en mi blog me visitó alguien y escribió en el mini cosas que dan pena la verdad yo tomé esta plantilla de tu blog porque asumo que todo lo que posteas es ayuda para otros y que es para que las tome quien las necesite, quizá cometí un error muy grande en no dejar antes este comentario agradeciendote el dedicar tantas hora para ayudar a otros que nos cuesta un poco esto de las webs.

En todo caso te cuento que hace como un mes que te linkee en mi blog http://gotitasdemialma.blogspot.com en el sitio que dice blogs de ayuda, pero esta persona no se dio cuenta que esta tu enlace alli puesto, y se ha molestado muchisimo, bueno mira solo vine a disculparme y adecirte que de hecho pienso modificar totalmente la plantilla que en algun momento termino y no se parecerá a la que tenes aqui, me da mucha pena esta situacion, no me gusta tomar las cosas sin avisar, de nuevo gracias y mil disculpas...

Tu enlace lo tomé de Recursos Blog, ya que soy colaboradora de Alex y administro su Foro de Ayuda que por cierto aprovecho la oportunidad y te invito http://recursosblog.crearforo.es/
ok saludos y hasta luego...

Elizabeth

ita dijo...

César: te felicito por que has creado un buen blog para ayudarnos a los mas negados en este tema de los blogs.
Tu blog me ha servido de ayuda para hacer unos pequeños retoques en el mío aunque aun me queda mucho por hacer asi que te escribo esto sobre todo para darte las gracias por la valiosa ayuda que nos das a muchos.
Felicidades de nuevo por tu blog y sigue asi eres un fiera, jejeje.
Una saludo.

ita dijo...

Que tal César:
he cambiado mi plantilla por la plantilla de tres columnas para Beta. y el caso es que cuando abro mi blog aparece como blog de ayuda y cuando intento cambiarlo en la edición HTML y pincho en vista previa me da el siguiente error:

No hemos podido obtener una vista preliminar de su plantilla.
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Se ha encontrado más de un artilugio con el ID: Image1. Los ID de artilugio deben ser exclusivos.

Y no tengo ni idea de lo que tengo que hacer, te agradecería que me echaras una mano porfavor en cuanto tengas tiempo.
Un saludo

panzerfaust dijo...

mi duda es la misma de ita se puede cambiar el titulo que dice blg de ayuda porque lo intente y pues me salio lo mismo saludos y exitos en todo felicitaciones por tan excelente ayuda

panzerfaust dijo...

solucion a ita jejeje revise bien en la plantilla y tiene que ver con alguna imgen que dice asi image1 solo es de cambiarle el nombre la misma se encuentra en la plantilla en la parte inferior

MARU dijo...

Hola Cesar de nuevo yo sabes que estuve viendo que esta plantilla no se pueden ver las tres columnas con firefox ( o sera mi configuracion) GRACIAS DE NUEVO

MARU dijo...

Hola Cesar queria saber si a esta plantilla le puedo cambiar el color de fondo por una imagen pues estuve inetentandolo y me sale el fondo blanco.
Gracias

CAUTIVO dijo...

Baje una plantilla que me gusto de btemplate es xml, la intente subir para mi blog que tengo blogeer y me sale este error: Se ha encontrado más de un artilugio con el ID: Label1. Los ID de artilugio deben ser exclusivos.

busco y busco y no encuentro los benditos label1 entre tantos codigos no visualiso los label o el id label no entiendo... NO SE QUE HACER :( help me please!

Defensa dijo...

en que parte de mi plantilla de mi blogger modifico para que tenga tres columnas.. respondeme por favor

Hola, que tal!!!
Podes mirar, copiar, sugerir y/o desechar, todo es gratis, lo único que te pido
no borrés los créditos de las plantillas y me linkees si podes.
Abrazos, buena suerte y más que suerte!

Blog de César [ayuda para blogger]
 
ir arriba <body> . </body>