86

Calendario de archivos controlado en "fuentes y colores"

No hace mucho os explicaba la forma de colocar un calendario de archivos en el blog, hoy os muestro como colocar otro calendario parecido pero al que podremos controlar su "aspecto" desde Fuentes y colores de nuestro panel.

Lo he encontrado en phydeaux3, lo he traducido al castellano y he cambiado la imagen de carga por otra más pequeña, además he colocado un pequeño icono delante de las entradas que se muestran debajo del calendario.



[1] Añadimos un nuevo elemento "Archivos" en nuestra sidebar, que ha de tener este formato (pincha en la imagen para verla a mayor tamaño):



Elemento Archivos



[2] Localizamos ahora en la parte de "Edición HTML", sin expandir artilugios, la línea correspondiente al widget de "Archivos":

<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>


Tendremos que cambiar esa línea por este código:

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='toggle' var='interval'>

<!-- Toggle not needed for Calendar -->

</b:includable>

<b:includable id='flat' var='data'>

<div id='bloggerCalendarList'>

<ul>

<b:loop values='data:data' var='i'>

<li class='archivedate'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</div>



<div id='blogger_calendar' style='display:none'>

<table id='bcalendar'><caption id='bcaption'>



</caption>

<!-- Table Header -->

<thead id='bcHead'></thead>

<!-- Table Footer -->



<!-- Table Body -->

<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>

<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>

<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>

<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>

<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>

<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>

</tbody>

</table>

<table id='bcNavigation'><tr>

<td id='bcFootPrev'></td>

<td id='bcFootAll'></td>

<td id='bcFootNext'></td>

</tr></table>



<div id='calLoadingStatus' style='display:none; text-align:center;'>

<script type='text/javascript'>bcLoadStatus();</script>

</div>

<div id='calendarDisplay'/>



</div>



<script type='text/javascript'> initCal();</script>



</b:includable>

<b:includable id='posts' var='posts'>

<!-- posts not needed for Calendar -->

</b:includable>

<b:includable id='menu' var='data'>

Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format

</b:includable>

<b:includable id='interval' var='intervalData'>

Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format

</b:includable>

</b:widget>


[3] Colocamos ahora el script para el calendario justo antes del </head> de nuestra plantilla:



<!-- Blogger Archive Calendar -->

<script type='text/javascript'>

//<![CDATA[



var bcLoadingImage = "http://img182.imageshack.us/img182/7880/rotatingarrowuq0.gif";

var bcLoadingMessage = " Cargando....";

var bcArchiveNavText = "Ver archivo";

var bcArchiveNavPrev = '&#9668;';

var bcArchiveNavNext = '&#9658;';

var headDays = ["Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado"];

var headInitial = ["Do","Lu","Ma","Mi","Ju","Vi","Sa"];



// Nothing to configure past this point ----------------------------------

var timeOffset;

var bcBlogID;

var calMonth;

var calDay = 1;

var calYear;

var startIndex;

var callmth;

var bcNav = new Array ();

var bcList = new Array ();



//Initialize Fill Array

var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];

function openStatus(){

document.getElementById('calLoadingStatus').style.display = 'block';

document.getElementById('calendarDisplay').innerHTML = '';

}

function closeStatus(){

document.getElementById('calLoadingStatus').style.display = 'none';

}

function bcLoadStatus(){

cls = document.getElementById('calLoadingStatus');

img = document.createElement('img');

img.src = bcLoadingImage;

img.style.verticalAlign = 'middle';

cls.appendChild(img);

txt = document.createTextNode(bcLoadingMessage);

cls.appendChild(txt);

}

function callArchive(mth,yr,nav){

// Check for Leap Years

if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {

fill[2] = '29';

}

else {

fill[2] = '28';

}

calMonth = mth;

calYear = yr;

if(mth.charAt(0) == 0){

calMonth = mth.substring(1);

}

callmth = mth;

bcNavAll = document.getElementById('bcFootAll');

bcNavPrev = document.getElementById('bcFootPrev');

bcNavNext = document.getElementById('bcFootNext');

bcSelect = document.getElementById('bcSelection');

a = document.createElement('a');

at = document.createTextNode(bcArchiveNavText);

a.href = bcNav[nav];

a.appendChild(at);

bcNavAll.innerHTML = '';

bcNavAll.appendChild(a);

bcNavPrev.innerHTML = '';

bcNavNext.innerHTML = '';

if(nav < bcNav.length -1){

a = document.createElement('a');

a.innerHTML = bcArchiveNavPrev;

bcp = parseInt(nav,10) + 1;

a.href = bcNav[bcp];

a.title = 'Archivo anterior';

prevSplit = bcList[bcp].split(',');

a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};

bcNavPrev.appendChild(a);

}

if(nav > 0){

a = document.createElement('a');

a.innerHTML = bcArchiveNavNext;

bcn = parseInt(nav,10) - 1;

a.href = bcNav[bcn];

a.title = 'Archivo siguiente';

nextSplit = bcList[bcn].split(',');

a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};

bcNavNext.appendChild(a);

}

script = document.createElement('script');

script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';

document.getElementsByTagName('head')[0].appendChild(script);

}

function cReadArchive(root){

// Check for Leap Years

if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {

fill[2] = '29';

}

else {

fill[2] = '28';

}

closeStatus();

document.getElementById('lastRow').style.display = 'none';

calDis = document.getElementById('calendarDisplay');

var feed = root.feed;

var total = feed.openSearch$totalResults.$t;

var entries = feed.entry || [];

var fillDate = new Array();

var fillTitles = new Array();

fillTitles.length = 32;

var ul = document.createElement('ul');

ul.id = 'calendarUl';

for (var i = 0; i < feed.entry.length; ++i) {

var entry = feed.entry[i];

var link = entry.link[0].href;

var title = entry.title.$t;

var author = entry.author[0].name.$t;

var date = entry.published.$t;

var summary = entry.summary.$t;

isPublished = date.split('T')[0].split('-')[2];

if(isPublished.charAt(0) == '0'){

isPublished = isPublished.substring(1);

}

fillDate.push(isPublished);

if (fillTitles[isPublished]){

fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;

}

else {

fillTitles[isPublished] = title;

}

li = document.createElement('li');

li.style.listType = 'none';

li.innerHTML = '<a href="'+link+'">'+title+'</a>';

ul.appendChild(li);

}

calDis.appendChild(ul);

var val1 = parseInt(calDay, 10)

var valxx = parseInt(calMonth, 10);

var val2 = valxx - 1;

var val3 = parseInt(calYear, 10);

var firstCalDay = new Date(val3,val2,1);

var val0 = firstCalDay.getDay();

startIndex = val0 + 1;

var dayCount = 1;

for (x =1; x < 38; x++){

var cell = document.getElementById('cell'+x);

if( x < startIndex){

cell.innerHTML = ' ';

cell.className = 'firstCell';

}

if( x >= startIndex){

cell.innerHTML = dayCount;

cell.className = 'filledCell';

for(p = 0; p < fillDate.length; p++){

if(dayCount == fillDate[p]){

if(fillDate[p].length == 1){

fillURL = '0'+fillDate[p];

}

else {

fillURL = fillDate[p];

}

cell.className = 'highlightCell';

cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';

}

}

if( dayCount > fill[valxx]){

cell.innerHTML = ' ';

cell.className = 'emptyCell';

}

dayCount++;

}

}

visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;

if(visTotal >35){

document.getElementById('lastRow').style.display = '';

}

}



function initCal(){

document.getElementById('blogger_calendar').style.display = 'block';

var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');

var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');

document.getElementById('bloggerCalendarList').style.display = 'none';

calHead = document.getElementById('bcHead');

tr = document.createElement('tr');

for(t = 0; t < 7; t++){

th = document.createElement('th');

th.abbr = headDays[t];

scope = 'col';

th.title = headDays[t];

th.innerHTML = headInitial[t];

tr.appendChild(th);

}

calHead.appendChild(tr);

for (x = 0; x <bcInit.length;x++){

var stripYear= bcInit[x].href.split('_')[0].split('/')[3];

var stripMonth = bcInit[x].href.split('_')[1];

bcList.push(stripMonth + ','+ stripYear + ',' + x);

bcNav.push(bcInit[x].href);

}

var sel = document.createElement('select');

sel.id = 'bcSelection';

sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};

q = 0;

for (r = 0; r <bcList.length; r++){

var selText = bcInit[r].innerHTML;

var selCount = bcCount[r].innerHTML.split('> (')[1];

var selValue = bcList[r];

sel.options[q] = new Option(selText + ' ('+selCount,selValue);

q++

}

document.getElementById('bcaption').appendChild(sel);

var m = bcList[0].split(',')[0];

var y = bcList[0].split(',')[1];

callArchive(m,y,'0');

}

function timezoneSet(root){

var feed = root.feed;

var updated = feed.updated.$t;

var id = feed.id.$t;

bcBlogId = id.split('blog-')[1];

upLength = updated.length;

if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}

else {timeOffset = updated.substring(upLength-6,upLength);}

timeOffset = encodeURIComponent(timeOffset);

}

//]]>

</script>

<script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>

<!-- End Blogger Archive Calendar -->


[4]Guardamos los cambios y ya podremos ver la versión básica del calendario en nuestra sidebar.



Calendari basico

[5] Para poder controlar el aspecto del calendario en "Fuentes y colores" hemos de añadir en la plantilla unas cuantas variables exclusivas del calendario.

(El sitio ideal para colocarlas es justo debajo o encima de las que ya bienen en nuestra plantilla y que están casi al comienzo de esta):



/* Calendario de Archivos Variables

=========================================

<Variable name="bcCalenderFonts" description="Calendar Font Sizes"

type="font" default="normal normal 100% Tahoma, Arial, Sans-serif" / value="normal normal 100% Tahoma, Arial, Sans-serif">

<Variable name="bcTableBackgroundColor" description="Calendar Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="bcTableBorderColor" description="Calendar Border Color"

type="color" default="#000000" value="#000000">

<Variable name="bcTableTextColor" description="Calendar Text Color"

type="color" default="#000000" value="#000000">

<Variable name="bcMenuBackgroundColor" description="Calendar Menu Select Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="bcMenuTextColor" description="Calendar Menu Select Text Color"

type="color" default="#000000" value="#000000">

<Variable name="bcTableHeaderBackgroundColor" description="Calendar Header Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="bcTableHeaderTextColor" description="Calendar Header Text Color"

type="color" default="#000000" value="#000000">

<Variable name="bcTableHighLightColor" description="Calendar Highlight Color"

type="color" default="#cccccc" value="#cccccc">

<Variable name="bcCalenderLinksColor" description="Calendar Links Color"

type="color" default="#0000ff" value="#0000ff">

<Variable name="bcCalenderLinksHoverColor" description="Calendar Links Hover Color"

type="color" default="#0000ff" value="#0000ff">

<Variable name="bcTableFooterBackground" description="Calendar Footer Background Color"

type="color" default="#ffffff" value="#ffffff">

<Variable name="bcFooterLinksColor" description="Calendar Footer LinksColor"

type="color" default="#0000ff" value="#0000ff">


[6] Para terminar, añadimos unas líneas de CSS en la plantilla, por ejemplo, justo antes de ]]></b:skin>



/* Archive Calendar CSS

----------------------------------------------- */



/* div that holds calendar */

#blogger_calendar { margin:5px 0 0 0;width:98%;}



/* Table Caption - Holds the Archive Select Menu */

#bcaption {border:1px solid $bcTableBorderColor;padding:2px;margin:10px 0 0;background:$bcMenuBackgroundColor;font:$bcCalenderFonts}



/* The Archive Select Menu */

#bcaption select {background:$bcMenuBackgroundColor;border:0 solid $bcMenuBackgroundColor;color:$bcMenuTextColor;font-weight:bold;text-align:center;}





/* The Heading Section */

table#bcalendar thead {}



/* Head Entries */

table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px outset $bcTableBorderColor; font:$bcCalenderFonts;background:$bcTableHeaderBackgroundColor;color:$bcTableHeaderTextColor}



/* The calendar Table */

table#bcalendar {border:1px solid $bcTableBorderColor;border-top:0; margin:0px 0 0px;width:95%;background:$bcTableBackgroundColor}



/* The Cells in the Calendar */

table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset $bcTableBorderColor; color:$bcTableTextColor;font:$bcCalenderFonts;}



/* Links in Calendar */

table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:$bcCalenderLinksColor;}

table#bcalendar tbody tr td a:hover {color:$bcCalenderLinksHoverColor;}



/* First Row Empty Cells */

td.firstCell {visibility:visible;}



/* Cells that have a day in them */

td.filledCell {}



/* Cells that are empty, after the first row */

td.emptyCell {visibility:hidden;}



/* Cells with a Link Entry in them */

td.highlightCell {background:$bcTableHighLightColor;border:1px solid $bcTableBorderColor}



/* Table Footer Navigation */

table#bcNavigation {width:95%;background:$bcTableFooterBackground;border:1px solid $bcTableBorderColor;border-top:0;color:$bcTableTextColor;font:$bcCalenderFonts;}

table#bcNavigation a:link {text-decoration:none;color:$bcFooterLinksColor}

td#bcFootPrev {width:10px;}

td#bcFootAll{text-align:center;}

td#bcFootNext {width:10px;}

ul#calendarUl {margin:5px auto 0!important;}

ul#calendarUl li a:link {}

ul#calendarUl li {

background:transparent url(http://img504.imageshack.us/img504/3452/stocknextpagesr5.png) no-repeat !important;

padding: 0 0 0 35px !important;

}


Guardamos los cambios y vemos como ha quedado el calendario:



Ejemplo sin modificar

[7] Si vamos ahora a "Fuentes y colores" en nuestro panel, veremos allí las nuevas opciones para cambiar el aspecto al calendario.

Tendremos en cuenta que en la vista desde "Fuentes y colores" no se verá el calendario completo, así que tendremos que ir guardando y comprobando algunos cambios desde la vista normal del blog.



Este es uno de los aspectos del calendario que conseguí en una de mis pruebas:



Ejemplo terminado

Ocultar las entradas que se despliegan debajo del calendario



En el código CSS que añadimos en el paso [6], localizamos esta línea:

ul#calendarUl {margin:5px auto 0!important;} y añadimos en ella un display:none;:

ul#calendarUl { display:none;margin:5px auto 0!important;}


Como es lógico, una vez ocultas las entradas ya no necesitaremos mostrar la imagen de carga ni el "Cargando...", así que en el paso [3] localizamos (casi al principio) estas líneas y las eliminamos:

var bcLoadingImage = "http://img182.imageshack.us/img182/7880/rotatingarrowuq0.gif";

var bcLoadingMessage = " Cargando....";






Nota:

Los que no quieran usar el calendario desde "Fuentes y colores" y prefieran usar uno de los modelos diseñados por phydeaux3, solo han de omitir el paso [5], es decir, ignorar la colocación de variables y en el paso [6] colocar uno de los códigos CSS proporcionados por phydeaux3.





Entradas Relacionadas:

86 comentarios:


PedroX

Hola Rosa.. Tengo Una pregunta:

No conoces un "Leer Mas" que no salga en todos los posts?????? Porque todos los que tienes aqui, salen en todos los post, si borro el codigo cuando edito una entrada, igual sale!!!

Me podrias decir si conoces uno??

Saludos!!

Anónimo

Pedrox, pues ahora mismo no se de ninguno.
El que tengo con el "regoger" incluido, lo estuve usando yo misma en otro blog durante cierto tiempo sin ese problema, y creo (solo creo) que no se repite en los demás posts si siempre usas el mimo método de redactar (desde edición html), pero claro, eso no deja de ser bastante molesto...

Admin

Hola rosa muy bueno el calendario pero ahora tengo uno problema y es que no me queda centrado en la sidebar como puedo hacer para que quede centrado?

Gracias.

Anónimo

Esta muy bueno este calendario, gracias por compartirlo.

Agrego una cosita:

Si quieren traducir el tip que sale en las flechitas de archivo siguiente y archivo anterior, busquen en el código que se insertó antes del /head las líneas:

a.title = 'Next Archive';
a.title = 'Previous Archive';

Estan separadas estas dos líneas

TodoWorld

Anónimo

Hola Rosa, finalmente volví a las 2 columnas. Las he hecho más anchas y ya está. Pero tengo un problema, te usé el "Leer más" pero cuando no tengo maximizada la ventana en el explorer y le doy a "volver arriba" se me desplaza el blog hacia la izquierda.
Puedes pasar por allí? es un tanto incómodo, pero no le encuentro lógica... A ver si me puedes echar una manita por favor.

(¿Sabes que nunca me deja publicar el comentario a la primera??? me da error de todas todas)

SolraC

Hola Rosa, a mi no me deja añadir otro elemento de archivo ya que tengo visible uno. No se puede añadir otro? tengo que modificarlo desde el que ya tengo puesto? un saludo y como siempre.. gracias!

Unknown

:-L :-L :-L gracias Rosita!!!!!!

lo pruebo y te cuento, eres tremenda! gracias por tu preocupación :D prrrrrrrr

Un beso y un abrazo enorme y ronroneado ♥

Unknown

Ya lo instalé!!!! :D me falta ponerlo en los otros jejeje :D está realmente hecho a mano con las variables que creaste uf! increible, eres una genia, gracias por tu cariño, gracias, gracias !!!!! :-L

Un besote y un enorme abrazo

Anónimo

como se ponen las entradas numeradas que tienes ese bocadillo azul en tu blog, como pongo ese truco?

Unknown

Rosita no entiendo el paso 5 . Donde coloco ese codigo?? Salu2 y gracias = )

Jas Trujillo

Unknown

Me sale este mensaje de error:

Declaración de variable no válida en máscara de página: La variable se utiliza, pero no está definida. Información: bcTableBorderColor

Deybi

Wepa!.

Que bien queda Rosa. Pero lo he desecho, porque cambie de Lista a Jerarquia.

No se si eso se puede arreglar?.

Unknown

Birdelo a mi me pasó que volví a seleccionar lista en vez de jerarquia y volvió a quedar como antes :)

Eso si, si pongo un mes que no sea noviembre no me cambia el calendario ni los post... si las entradas enlistadas es como si pinchara entradas antiguas del blog

Las flechitas no quieren nada conmigo, no cambia el calendario, se regenera la página y no me aparecio el cargando :(

qué puedo hacer? besos :-L

Anónimo

rjcp1989 , en la primera línea del código css:
/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}

Tendrás que cambiar el margin para adaptarlo al ancho de tu sidebar..
Prueba cambiandola por esta:
#blogger_calendar { margin:10px 0 0 13px;width:95%;}

Anónimo

Todero , gracias, se me había pasado ;)

Anónimo

Maite , no he visto el "volver arriba" por ningún lado...

Anónimo

SolraC , si, puedes añadir otro elemento Archivos desde la misma plantilla.
Sin expandir artilugios localizas la línea que corresponde al widget de archivos y que se verá así:
<b:widget id='BlogArchive1' locked='false' title='Archivo del Blog' type='BlogArchive'/>

Copias esa línea, la copias debajo de nuevo, o sea, la duplicas y le cambias el BlogArchive1 por BlogArchive2 a la segunda línea, guardas cambios y ya tienes dos elementos archivos.

Anónimo

Anónimo, aún no lo he publicado, pero lo haré en breve.

Anónimo

Surplus21 , ese error es o porque no has colocado el código del paso [5] antes de guardar, o porque no lo has puesto en el lugar correcto.
Has de instalar el calendario siguiendo los pasos tal como están aquí, y guardar al final.

Anónimo

Birdelo, vuelve a poner lista y ya está. Solo funciona con el archivo en "lista".

Anónimo

Σ=o) Pau , no tengo ni idea de porque funciona así...es como si se hubiese integrado en tu plantilla :O

Anónimo

Estimada Rosa, me gustaría saber, si es posible, como hacer que como tú tienes en "Ver todas las entradas" todas salgan en expandibles para que solo se vean los títulos.
He leído tus explicaciones pero dicen para hacerlo en la página principal del blog, pero yo quiero en la de ver todas las entradas

Gracias or tu ayuda como siempre

Anónimo

Rosi hola tesoro!!!...tienes explicada la cajita en la que por ej. pones RECOMENDADOS...
Puse en la plantilla los blogs amigos, de ayuda, los pekes...con un menú de César, pero lo que quiero es que tenga la caja el mismo tamaño para los 3, se puede???...aunque la cantidad de link sea diferente???...besitos y todavía no he visto la entrada de los archivos...hace pocos días lo he puesto de otra forma que nos indicabas jajaja...voy atrasada...es más haciendo cambios en la plantilla me había olvidado del archivo, etiquetas...besitos!!!

Anónimo

Juan Carlos , tu puedes añadir en el blog un enlace "Ver todas tus entradas" para eso solo hay que poner el enlace así:
http://tu_blog.blogspot.com/search/label/?max-results=999

Entonces se verán todas tus entradas al pinchar en el tal como las tengas, o completas o como yo en "expandible en las páginas de etiquetas".

Anónimo

Graciela, mira en esta entrada:
http://elescaparatederosa.blogspot.com/2007/10/scrollbars-en-cualquier-parte-del-blog.html
Supongo que sirva porque la barra de scroll y las medidas se aplica al gadget, asi que el contenido debería de ser indiferente.

Anónimo

Hola rosa! sabes he estado bien y pensando, en la posibilidad de poner una especie de fondo en la columna cenral de el blog, que es donde se encuentran as encuestas y las entradas... a fondo me refiero algo asi como esta imagen... http://i263.photobucket.com/albums/ii150/mohamedrias/bottom-sidebar.gif cuention de que yo haga una similar y esta me quede como un borde en todas las entradas y encuestas... ¿como podria hacer eso?

Anónimo

Bear, veo que ya la has puesto en la sidebar.
Para ponerlo en las entradas tendrías que tener esa imagen pero al tamaño que tiene el main que creo es de 600px.
Y colocarla tal como has hecho en la sidebar, en esta parte:
.post {
margin-bottom : 2em;
line-height : 20px;
}

Deybi

Hola de nuevo...

Gracias, ya me ha funcionado de lo mejor!.

Abrazo!!!. Ya pase por los cabreos, pero hace mucho que no haces uno, hehehe!.

Anónimo

Birdelo, ¿y qué te parece si me escribo uno de "Mi cabreo con Birdelo"? :-):-)

Es broma, por supuesto, je,je, es una pequeña bromita...¡es que me caes bien no puedo evitarlo! :$

Santiago Quintana

no entiendo ...

DONDE ENCUENTRO "EDICION HTML"

Guille Zimm

Hola rosa. soy de santa fe y siempre vicito tu blog. yo tengo uno Padel Santa Fe, Personalmente me afecto mucho el post de joana, y rezare por que todo salga bien.. mi blog se trata de padel de mi zona pero (y te pido disculpas) te "robe" tu post y lo pegue en mi entrada. solo para como escribi aportar solo mi grano de arena.. sigo tu blog hace un tiempo, pero ahora en seguidores.. saludos.

Unknown

Hola Rosita muchas gracias ya me salio lo del calendario = ) no se que habre hecho mal en la anterior vez que lo intente = ) muchas gracias.
Una pregunta: Estuve viendo el blog de phydeaux3 y en la parte inferior de su calendario muestra 2 post. Se podria hacer eso tambien con este calendario, que puede mostrar un determinado numero de post en la pare inferior?? Gracias por tu ayuda vales mucho = ) Salu2

Anónimo

Gracias Rosi ya lo estaré viendo!!!...como dice Birdelo es hora que te cabrees jajaja...es más podemos cabrearnos todos!!! como un ejercicio para sacar todo afuera...besitos tesoro!!!

Anónimo

Hola Rosa, muchas gracias antetodo por compartir tu sabiduria con nosotros, ¡eternamente agradecidos! :-L

Quisiera saber si es posible configurar el Calendario para que la semana comienze en lunes, por aqui en España somos muy maniaticos.

Un gran saludo.

la verdad oculta del ser

hola rosa he puesto el calendario de archivos y solo me salen letras me podrias decir porque? y lo he tenido que quitar

Anónimo

CHANTY , pues en tu panel del blog, hay una pestaña o enlace que se llama "edición html" es donde se ve el código completo de tu plantilla...

Anónimo

Hola Rosa, en la pagina principal del blog hay 11 entradas que tienen el "leer más" para expandir, si pinchas luego en el "volver arriba" con la pantalla no maximizada verás el fallo del que te hablaba, se va todo a la izquierda.
A ver si tú entiendes el por qué...

Anónimo

Ana y bego , en el paso [1] se indica como ha de estar el gadget de archivos. Ha de estar marcada la opción "lista" sino solo verás "letras".

Anónimo

Guille Zimm , no tienes que pedir disculpas por eso...yo también lo copié del blog de Joana.
No suelo publicar este tipo de cosas a no ser que me lo pidan para ayudar, me lo han pedido, y estoy encantada de intentar ayudar. Estas cosas me desesperan, la verdad.:(

Anónimo

Surplus21 , muestra dos post porque en ese último mes son los que ha publicado, si vas hacia atrás con las flechitas verás que hay meses de cuatro por ejemplo.
El calendario hace la misma función que el "archivos" de Blogger, así que muestra las entradas que has hecho cada mes...

Anónimo

:-L Hola rosa!!! te escribía porque en el blog de Publikaccion vi un detalle de diseño en su blog que me gusto mucho, en cada post que publica automáticamente se pone el recuadro de diferentes colores, te escribía para preguntarte si tienes un ejemplo de como hacer eso o si sabes como se hace?? seria un tema interesante para explicar, que tengas un bonito dia :-)

Unknown

Ahhh ok. Entonces no hay una manera de controlarlo?? Bueno mil gracias Rosita = ) Salu2

Anónimo

sharysce , está hecho con css.
Ellos tienen añadidas unas líneas en el css para cada color, mira imagina que son el verde oliva y el naranja por ejemplo:
div.recuadropublikaccion_m_olive {
background-color: #fff;
padding: 10px;
margin: 2px;
width: 65%;
border: 2px dashed olive;
}
div.recuadropublikaccion_m_orange {
background-color: #fff;
padding: 10px;
margin: 2px;
width: 65%;
border: 2px dashed orange;
}

Luego cuando vas a usar un texto o lo que sea dentro de un recuadro naranja, en la entrada lo harás así:
<div class="recuadropublikaccion_m_orange">Lo que va dentro del recuadro</div>

Cuando vas a usar el verde oliva, pues así:
<div class="recuadropublikaccion_m_olive">Lo que va dentro del recuadro</div>

No es más que eso...

Anónimo

Maite, lo he hecho...con la pantalla minimizada, he dado en la flecha de "ir arriba" y todo está correcto...yo uso la última versión del Explorer , el IE7, solo para pruebas claro, porque mi navegador es Firefox por supuesto y ya te digo que no veo eso que dices...

Deybi

Ok,. hehehe!.

Me gustan las cosas nuevas, pero creeme que hasta ayer supe lo que era un cabreo. Imagina que es nueva cultura española para mi!.

Saludines :P

Anónimo

Víctor P.M.V.G , puede hacerse pero solo de forma visual, es decir, verías en el calendario lu ma mi ju...pero los días no coincidirían entonces, es decir, si el 24 de enero ahora es un lunes, al cambiar el orden marcaría erróneamente un domingo...

Anónimo

:-) ahhh!! ok rosa, entonces no se podría hacer aleatorio y dinámico??, es decir que cuando se escriba un post se realice automáticamente el color a el post??

Anónimo

sharysce en Blogger cada entrada publicada tiene un id identificador único, que no es establecido hasta que esta se publica, así que es prácticamente imposible hacer algo de ese tipo para cada entrada por separado...

Perinqué

Hola,Rosa.Hice el calendario,lo conseguí,pero se me fue el color de fondo que tenía en el blog.Se me quedó blanco y ahora no consigo cambiarlo en "Fuentes y colores".Borré los cambios del calendario pero el problema continúa...

Anónimo

Tara, vamos a ver...el que no esté el color de fondo del blog y que no cambie en fuentes y colores no tiene nada que ver con el calendario...es que ni siquiera hay que aproximarse a nada que tenga que ver con el fondo.

Mira en esta parte:
body { background:url("http://img337.imageshack.us/img337/9232/patternnc1mr9.gif")margin: 0px; padding: 0px; text-align: left; font:normal normal 90% Trebuchet, Trebuchet MS, Arial, sans-serif; color:#3a00cc; background: #0075cc url('http://img230.imageshack.us/img230/3421/patt49273bd28164aiu9.jpg') repeat-x top center ; }

Tienes ahí hecho un lío del copón, dos imagenes a la vez aplicadas al fondo y dos colores...
A ver, veo un fondo de cuadros escoceses, si es ese el que quieres poner cambia ese código por este:
body { background: $PageBgColor url("http://img337.imageshack.us/img337/9232/patternnc1mr9.gif")margin: 0px; padding: 0px; text-align: left; font:normal normal 90% Trebuchet, Trebuchet MS, Arial, sans-serif; color:#3a00cc;}

Si quieres el otro, el azul, ponlo entonces así:
body { background: $PageBgColor url('http://img230.imageshack.us/img230/3421/patt49273bd28164aiu9.jpg') ; padding: 0px; text-align: left; font:normal normal 90% Trebuchet, Trebuchet MS, Arial, sans-serif; color:#3a00cc;}

Pero en todo ese lio no ha tenido que ver el calendario, te lo digo yo :D

Maite

Qué rabia Rosa, con el E6 sí se ve el fallo pero desisto, gracias por ir a comprobarlo y todo.

Anónimo

Maite, el IE es un asco, la verdad, pero quizá la peor de sus versiones en cuanto a "destrozar" diseños sea la 6...actualizate ;)

Anónimo

UY! pues si trabajases con el E7 de contínuo sí que le cogerías manía jajaja todos los que lo hemos probado hemos vuelto al 6 !
Me estáis convenciendo entre todos usar el firefox... Un beso!

Perinqué

¿Y si no quiero poner ninguno de esos fondos sino dejar el que tenía,azul liso,que elegí en fuentes y colores? El color se me fue justamente cuando volví al blog después de hacer el calendario.Esos dos códigos que aparecen en la plantilla los puse de prueba pero no se veían y no sé por qué demonios no los borré...

Anónimo

Maite , hace mucho que uso el Firefox para todo, pero para revisar los blogs y probar cualquier cosa, procuro usar los dos...antes por supuesto el IE6, ahora el IE7 y encuentro muchísimo mejor el 7 con diferencia, claro que te hablo siempre a la hora de usar códigos y demás...

Anónimo

Tara, pues entonces dejas eso así:
body { background: $PageBgColor; margin: 0px; padding: 0px; text-align: left; font:normal normal 90% Trebuchet, Trebuchet MS, Arial, sans-serif; color:#3a00cc;}

Y ya podrás cambiar en fuentes y colores.

Perinqué

Rosa,soy una pesada.Hice lo que me dices en tu último comentario pero sigue sin cambiarse el fondo.¿Qué estoy haciendo mal? Buaaa,quiero color en el fondo,para que destaque más la plantilla del blog,tanto blanco como que no...

Anónimo

tara , quizás es que yo no estoy viendo correctamente tu código desde aquí...pegame por favor la parte del body{ tal como la tienes.

Perinqué

¡Ya lo conseguí! De la forma más drástica:volviendo a cargar la plantilla original,de la forma donde explicas cómo cambier de plantilla,sólo que con la misma plantilla.De esa forma corté los errores que tenía de raiz.¡Si es que soy una máquina,jajaja! Muchas gracias por tu paciencia.Por cierto,¿cómo accedes a nuestras plantillas? :O

Anónimo

Tara, si lo eres si, ja,ja. ¡Me alegro!

No "accedo" tal como significa acceder :D lo que hago es ver el "código fuente" a través de mi navegador...no puedo verlo todo claro, pero a veces es suficiente.

Herenvaryar

Hola Rosa, ummm... me gusta, pero me gusta el otro porque puedo elegir el año de las entradas.. no se podría agregar esa función a este? :D

Tu blog está muy bueno, felicidades, sigue así!

Anónimo

Herenvaryar, pues sinceramente no lo se...:$
Abría que descargarse los script y estudiarlos y como que ufff...el tiempo que no me alcanza.

Herenvaryar

Así es, de muchos blogs de ayuda que he visitado he visto que eres de las más activas en responder comentarios. :D Repito, felicidades y no te preocupes, ya encontraré la solución.

Saludos desde México.

Pascual Fotógrafo

Hola Rosa, me ha fallado una cosa y es que el fondo del blog se me ha puesto de color blanco ¿como puedo cambiarlo al negro que tenia? todo lo demas genial

Anónimo

Pascual...es raro, no debería haber pasado ya que el calendario usa una variable distinta a la del fondo del blog...

No puedo ver que está mal exactamente en tu código fuente, pero intentaremos algo aún así.

Localiza esto (está debajo de todas las variables):
body {
background:$bgcolor;

Si lo ves exactamente así, cambialo a:
body {
background:#000000;

USA VISTA PREVIA

Si por el contrario está al revés, es decir así:
body {
background:#000000;

Cambialo así:
body {
background:$bgcolor;

Veremos si es algo de esto...

Anónimo

Pascual, perdona, donde sale la carita está esto

: $ solo que todo junto.

José Manuel Hdez Gil

No sé si ha salido el comentario anterior porque ha desaparecido. Me parece muy bueno el calendario, pero además me gustaría hacer un par de sugerencias.
1. Podría empezar en Lunes la semana?
2. Podría funcionar además de archivo, como calendario?, es decir por que no se ve Enero de 2009 o Febrero o Marzo? Pienso que sería útil

Anónimo

José, todo sería cuestión de trastear con los script, pero como ya dije en algún comentario más arriba no dispongo de demasiado tiempo libre... así que de momento así se queda.

Unknown

Me aparece esto...

Están a punto de suprimirse los artilugios
Por favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.

* BlogArchive3

Confirmar y guardar Cancelar

Unknown

que pongo: Confirmar y guardar o Cancelar??

Jessica

Rosa, de nuevo te botaste...y es que nadie explica las cosas tan sencillitas como tu!!

Use esta info en uno de mis blogs (http://myliteraryspot.blogspot.com) y quedo super! Gracias mil!!

Jessica

Se me olvido preguntarte...como le quito los "bullets" que trae mi plantilla de forma automatica al "footer" del calendario??

Anónimo

Jessica, yo creo que quedaría mejor al revés, es decir, quitando los del calendario (los iconos de los libritos)pero va en gustos...

Para quitar los iconos de los libros, en el código que añadiste para el calendario, elimina esta línea:
ul#calendarUl li {
background:transparent url(http://img504.imageshack.us/img504/3452/stocknextpagesr5.png) no-repeat !important;
padding: 0 0 0 35px !important;
}

Para quitar los de tu plantilla, creo que bastará añadiendo en el CSS (antes de ]]></b:skin>) esto:
BlogArchive1 li{ background: none;}

Jessica

Rosa, gracias...eres tan diligente al contestar...que bella!!

Pregunto...hay alguna forma de que los titulos de los blogs que aparecen al lado de los bullets en este calendario enlacen a las entradas y no a los comentarios en RSS??

Otra preguntita mas:$ ... Sabes que tengo que hacer para que mi formulario de comentarios quede incrustado en el template "Aspire" que uso en este blog: myliteraryspot.blogspot.com ? Es que en esta plantilla no aparece el formulario cuando uno lo selecciona, y he buscado en la web y no he encontrado nada.:S

Alguna ayudita??

Gracias!!

P.D. No has hecho un "chiclet" de tu blog, para enlazarte? Como el que tienes en tu blog de "blogalaxia", pero del Escaparate?

Anónimo

Jessica , el script está diseñado para que lea los feeds de los posts, no de los comentarios...pero no se porque motivo Blogger no lo redirecciona correctamente, creo que tiene que ver con el mal funcionamiento de sus feed últimamente, que afecta también a los comentarios y a las listas de blogs...

En cuanto al formulario...¿has visto esta entrada?:
http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html

Jessica

Rosa, muchísimas gracias.

Leí tu entrada sobre incrustar el formulario de comentarios y, aunque no funcionaba el código en mi plantilla, seguí tu referencia a Blogger Buster; allí Amanda explico otra manera que le dieron de referencia, y esa si me funciono.

Mil gracias por tu paciencia. Eres la mejor!

Anónimo

Jessica, gracias a ti, me has recordado que pensaba actualizar la entrada con el "método sencillo" hace días y se me había olvidado por completo :$

Midrez

He metido las de andar y borré todo lo que te había escrito antes, en fin... para resumir.

Me gusta mucho este blog y lo que quiero siempre lo encuentro aquí... felicidades...

Por otro lado... me gustaría que me ayudaras con el calendario, en la lista que aparece debajo del mismo (la de los post hechos durante el mes) al darle click me envia al feed de los comentarios. ¿Habría manera de modificar tal situación, y por el contrarío, al dar click me envie al post?

Y por otro lado... ¿habría alguna posibilidad que revisaras mi plantilla del post, a fin de saber si esta correctamente formada y más que todo, saber si algún "código" está de más? :$ pero en el tanto si pudieses...

Gracias Rosa y de nuevo FELICIDADES POR ESTE GRAN BLOG!!!

:D

Anónimo

Midrez Pues lo siento pero ya me lo han preguntado más veces y el código del calendario está correcto, de hecho yo misma lo use en otro de mis blogs hasta hace poco en que lo quité por ese mismo motivo...y es Blogger el que ha hecho algún cambio interno, que de alguna manera dirige así el feed :(

En cuanto a la revisión, no hago eso sin necesidad, quiero decir que si algo va mal y tengo que revisar una plantilla para dar con el error, pues suelo "marcar" los detalles que veo no correctos, pero no reviso "por revisar"...necesitaría entonces un día de 40 horas para mi sola :S

J.M. Rábago García

Hola Rosa. Sigo todos los pasos, configuro archivos en lista, borro la línea correspondiente al widget de "Archivos" y pego el código, y justo antes del head coloco el scrit pero no me aparece el calendario que tienes en el ejemplo, solo aparecen los dias de la semena, los números de los dias del mes no aparecen.Que tengo mal? que hago? Un saludo y gracias

Anónimo

Cabuérnigo Antes de nada, decirte que el calendario no se ve completo en Vista Previa, solo cuando guardas los cambios de la plantilla, por eso mejor hacer este tipo de cosas en un blog de pruebas.
Por otro lado ¿Has colocado el formato de archivos tal como se ve en la imagen del paso [1]?

Unknown

Parece que cuando uno se renueva las cosas mejoran, este año puse una plantilla de mamanunes que estoy modificando con permiso de ella y chan!!!!!! ya tengo este calendario en mi blog!!!! prrrrrrrr ^_^ asi que con un año de demoraaaaa... Graciassssssssssssssssssss!!!!!!!!!!! ^_^

Feliz comienzo de semana :D
muchos besos y abrazos ronroneados :)

Anónimo

Σ=o) Pau El que la sigue la consigue :D
Que plantilla más superlinda Pau ¡Me encanta! :D

Anónimo

rosa, muchas gracias ésto es algo que buscaba hace tiempo ya que lo habia visto anteriormente en livejournal y según yo, es algo muy útil para buscar las entradas en cuanto a días en particular sin el metodo tan engorroso que viene en default de blogger, y bueno...otra vez, GRACIAS!

(lo apliqué a mi blog y funcionó perfectamente)

xltutor

Hola Rosa, no puede definir las variables, al querer guardar no me las acepta cuando pego en edicion de html. Veo que en las variables por defecto de blogger cada variable que se define se cierra con / antes de >, hago esto mismo pero tampoco me funciona. Tienes una idea de que puede estar mal, o tal vez el truco funciona para determinadas plantillas.

Anónimo

xltutor Funciona en todas las que usen variables supongo... no se decirte en las del nuevo diseñador, en las anteriores funciona, yo misma lo tuve instalado un tiempo en el blog.

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S