Home Trucos Blogger Widgets para Blogger Cambiar de estilos al Archivo del blog Widget para Blogger

Cambiar de estilos al Archivo del blog Widget para Blogger

10/11/2012

Usted estaba buscando más tutoriales, pues hoy voy a compartir un interesante tutorial para que puedan utilizarlo en su blog de Blogger. Lo que vamos hacer es cambiar nuestro widget de Archivo del Blog por un avanzado widget de Archivo Calendario. El script de hoja de estilos nos permitirá crear un gadget totalmente personalizado. La instalación de este widget es muy fácil así que no tendrá complicación alguna, solo siga mis instrucciones y podrá tener su Archivo Calendario en su blog de Blogger.

Cambiar de estilos al Archivo del blog Widget para Blogger

Pueden ver su demostración al final del sidebar del siguiente blog.

Instalación de un Gadget Archivo Calendario.

1 Ir a Blogger

2 Diríjase a “Diseño”

3 Abrir “Añadir un gadget”

4 Buscar “Archivo del Blog”

5 Un clic donde dice “Archivo del blog” y se le desplegara una nueva pantalla.

6 Elija las siguientes opciones tal como se muestra en la captura de pantalla. En “Estilo” va ha seleccionar “Lista símple”, donde dice “Opciones” tendrá que seleccionar el texto que dice “Mostrar títulos de las entradas”. Una vez que haya realizado los pasos antes mencionados dé un clic en “Guardar”.

7 Ahora realice lo siguiente:

Un clic en “Plantilla”

- Un clic en “Editar HTML”

Ahora se le abrirá el Editor HTML de su plantilla

En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

8 Busca el siguiente código

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

Si no lo has podido encontrar, entonces solo busca “BlogArchive1” y luego busca un código similar al anteriormente mostrado.

9 Reemplace todo el código que se encuentra dentro de

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

Mire la secuencia de las siguientes imágenes

Elimine todo el código y remplacelo por el siguiente 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'>

</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>

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


<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'>

</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>

10 Ahora busca </head> y justo encima de ella pega las siguientes líneas de código.

<script type='text/javascript'>
//<![CDATA[
var bcLoadingImage = "";
var bcLoadingMessage = " Cargando....";
var bcArchiveNavText = "Ver Archivo";
var bcArchiveNavPrev = '◄';
var bcArchiveNavNext = '►';
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 = 'Previous Archive';
      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 = 'Next Archive';
      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];
      for (var j = 0; j < entry.link.length; ++j) {
       if (entry.link[j].rel == "alternate") {
       var link = entry.link[j].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&alt=json-in-script&callback=timezoneSet'></script>

Opcional: La región que esta resaltado de color amarillo es donde usted puede cambiar el texto "Ver archivo", la carga de imágenes, caracteres ASCII para las flechas de navegación y también podrá cambiar la abreviatura de nombres de días.

11 Aun no hemos terminado, busque este código ]]></b:skin> y enzima de el pegue el siguiente código.

/* Start Archivo Calendario--- */
#calendarDisplay {display:none;}
/* div that holds calendar */
#blogger_calendar { margin:0px auto 0px 0px;width:100%;}
/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #C7C7C7;padding:2px;margin:10px 0 0;background:#fff;font:bold 100% Tahoma, Arial, Sans-serif}
/* The Archive Select Menu */
#bcaption select {background:#ffff;border:0 solid #C7C7C7;color:#0080ff;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:3px; border:1px solid #C7C7C7; font:bold 100% Tahoma, Arial, Sans-serif;background:#fff;color:#0080ff;}
/* The calendar Table */
table#bcalendar {border:1px solid #C7C7C7;border-top:0; margin:0px 0 0px;width:100%;background:#fff}
/* The Cells in the Calendar */
table#bcalendar tbody tr td {cursor:pointer; text-align:center; border-radius:4px; padding:3px;border:1px solid #C7C7C7; color:#666;font:bold 100% Tahoma, Arial, Sans-serif;}
/* 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:#ffffff; text-decoration:none;}
table#bcalendar tbody tr td a:hover {color:#ffffff; text-decoration:none;}
/* First Row Empty Cells */
td.firstCell {visibility:visible;}
/* Cells that have a day in them */
td.filledCell { background:#fff;}
td.filledCell:hover { background:#dddddd;}
/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}
/* Cells with a Link Entry in them */
td.highlightCell {background:#53A9FF;border:1px solid #C7C7C7}
td.highlightCell:hover {background:#72B9FF;border:1px solid #C7C7C7}
/* Table Footer Navigation */
table#bcNavigation {width:100%;background:#fff;border:1px solid #C7C7C7;border-top:0;color:#0080ff;font:bold 100% Tahoma, Arial, Sans-serif;}
table#bcNavigation a:link {text-decoration:none;color:#0080ff}
table#bcNavigation a:hover{text-decoration:underline;}
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 {}

/* End ----- */

12 Ahora un clic donde dice “Guardar plantilla”, y listo ya tienes tú Archivo Calendario completamente renovado.

13 Si tienes una Plantilla de color Opaca, y el color del Archivo Calendario no coincide con el color de tu plantilla, podrás insertar el siguiente código CSS eliminando el paso 11, y poniendo el siguiente código a continuación.

/* Start Archivo Calendario Oscuro ------ */

#calendarDisplay {display:none;}
/* div that holds calendar */
#blogger_calendar { margin:5px 0 5px 10px;width:98%;}
/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid #666666;padding:2px;margin:10px 0 0;background:#333333;font:bold 100% Tahoma, Arial, Sans-serif}
/* The Archive Select Menu */
#bcaption select {background:#333333;border:0 solid #333333;color:#dddddd;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 #666666; font:bold 100% Tahoma, Arial, Sans-serif;background:#333333;color:#dddddd}
/* The calendar Table */
table#bcalendar {border:1px solid #666666;border-top:0; margin:0px 0 0px;width:95%;background:#333333}
/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset #666666; color:#F5F202;font:bold 100% Tahoma, Arial, Sans-serif;}
/* 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:#ffffff; text-decoration:underline;}
table#bcalendar tbody tr td a:hover {color:#ffffff; text-decoration:none;}
/* 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:#000000;border:1px solid #666666}
/* Table Footer Navigation */
table#bcNavigation {width:95%;background:#333333;border:1px solid #666666;border-top:0;color:#F5F202;font:bold 100% Tahoma, Arial, Sans-serif;}
table#bcNavigation a:link {text-decoration:none;color:#F5F202}
table#bcNavigation a:hover{text-decoration:underline;}
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 {}

/* End ------ */

Recuerda que los códigos que están marcados de colores diferentes, podrás cambiarlo por los códigos de colores que tu quieras utilizar en tu Archivo Calendario.

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE

¿Te ha resultado útil este artículo, recomiendanos?

TAGS: Trucos Blogger Widgets para Blogger

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.

Comentarios

43 comentarios:

Fernando_Miranda28 de febrero de 2013, 13:59
Gracias!!! Me funciono perfecto.
ResponderEliminar
Respuestas
Ayudadeblogger28 de febrero de 2013, 14:45
Hola, de nada, saludos.
ResponderEliminar
Respuestas
Frank12 de abril de 2013, 12:22
No encuentro el codigo ]]>
ResponderEliminar
Respuestas
Ayudadeblogger12 de abril de 2013, 14:17
Si es en el paso 11, debes buscar ste codigo:
]]>
Presiona Control mas la tecla F para que puedas buscarlo ya que blogger cambio su nuevo editor de html ahora es muy difierente,
Saludos.
ResponderEliminar
Respuestas
Anónimo19 de abril de 2013, 11:38
Saludos, estaba buscando el < /head > pero el unico que veo es el < /thead > te refieres a ese?
ResponderEliminar
Respuestas
Anónimo21 de agosto de 2013, 14:12
muy bueno
ResponderEliminar
Respuestas
Mercedes M15 de septiembre de 2013, 4:19
Buenos días Luis, ante todo gracias por la gran ayuda que supone encontrar tutoriales tan bien explicados.

Tengo dos blogs, en uno tengo este formato de calendario funcionando desde hace algunos años, pero en el segundo por más que lo intento soy incapaz de hacerlo funcionar.

Mi problema es que aparece el calendario pero totalmente vacío, es decir, sin la numeración de los días del mes en las casillas.

Hay alguna forma de solucionarlo??

Gracias de antemano por tu ayuda.
ResponderEliminar
Respuestas
Mercedes M22 de septiembre de 2013, 3:33
Buenos días Luis:

Ante todo perdona por no haber pasado antes pero no guardé la página y me ha costado un poquito volver a encontrarte.

Te he enviado un e-mail a gmail

Gracias!!!
ResponderEliminar
Respuestas
Unknown3 de diciembre de 2013, 16:15
¿Si quiero quitar el domingo como primer dia y poner el lunes como tengo que hacer? (pero que las noticias coincida en el dia y ademas que los dias de las semana esten bien, yo he cambiado el codigo y lo he conseguido, sin embargo al llegar a diciembre, los dias del calendario no me coincidian)
ResponderEliminar
Respuestas
Anónimo16 de enero de 2014, 8:23
excelente luiz chavez me funciono perfectamente
ResponderEliminar
Respuestas
Leslie Mishigan1 de marzo de 2014, 14:36
Disculpa pero el calendario me funciona perfecto, sin embargo... aparecen todas las entradas!!! hasta las que aún no he publicado :S como hago para que no aparescan esas? es que por falta de tiempo, siempre hago mis entradas con anterioridad y las dejo guardadas, pero esas aparecen en el calendario, al clickear en ellas me mandan a que esa pagina no existe, no me gusta...
ResponderEliminar
Respuestas
WebMaster9 de abril de 2014, 21:00
Saludos luis, es exactamente lo que estaba buscando pero nome funciona en mi blog: http://www.diocesisdesanfernando.org Sigo todos los pasos y no se guarda la plantilla: aparece el siguiente mensaje: Se ha producido un error al analizar el XML, línea 3824, columna 6: The element type "b:section" must be terminated by the matching end-tag "". Espero me puedas ayudar, mil gracias de antemano.
ResponderEliminar
Respuestas
XentryX2 de junio de 2014, 4:15
Interesante y lo he visto en otros blogs y se ve muy lindo y funcional pero ¿Cómo se hace si
""
o "BlogArchive1" no estan en la plantilla?
ResponderEliminar
Respuestas
Unknown18 de septiembre de 2014, 15:34
Excelente amigo pero como modifico el ancho y la altura?
ResponderEliminar
Respuestas
Eduardo Bigporro de gusanomuerto29 de junio de 2015, 23:07
Chaval, quiero ordenar mi blog por escritores y sus escritos en esa jerarquia que es A - TEMPORAL. Hay alguna forma de hacerlo ?
ResponderEliminar
Respuestas
Wally Díaz24 de agosto de 2015, 9:11
Hola Luis gracias por tu aporte.
Aun no he instalado el calendario, ya que estube mirando el demo que colocaste para ver como funciona, pero me di cuenta que solo marca la casilla del dia en azul y en efecto al dar click alli sale los archivos del ese dia.
Pero quice mirar otros dias como es logico deberia funcionar y no pasa nada, doy click sobre otro dia y no pasa nada, no deberia funcionar que al darle uno click sobre cualquier dia te lleve a los archivos del dia correspondiente? incluso el mes correspondiente?

Gracias, me gustaria implementar ese widget en mi blog
ResponderEliminar
Respuestas
Wally Díaz15 de septiembre de 2015, 8:31
Luis, lo hice todo tal cual como nos indicas en esta entrada, pero no se ve el cambio en mi blog, que podrá estar mal? chequea mi blog de ganaconwally.blogspot por favor
Exitos
ResponderEliminar
Respuestas
Wally Díaz14 de octubre de 2015, 5:24
Luis, buenos dias, que pena insistir varias veces en el asunto.
Como te dije en el comentario anterior, todo ok.
Pero estoy en proceso de cambiar mi plantilla actual por una responsive, en el proceso, probe una de las plantillas q escogi, y como no me gusto, volvi a la plantilla anterior, y como resultado, el gadget de archivos se daño, no se presentaba igual y menos hacia su funcion, borre todos los codigo, borre el gadgte, y volvi a hacerlo desde cero, pero el resultado fue el mismo: gadget dañado y sin funcion.
Nota: previamente habia hecho una copia se seguridad de la plantilla original.
¿Se puede remediar esto?
Gracias
ResponderEliminar
Respuestas
Ann Rajkumari Jodhaa 21 de julio de 2016, 10:54
Muchas gracias por el código. Funciona perfectamente.
ResponderEliminar
Respuestas
Unknown24 de enero de 2017, 12:51
¿Qué puedo hacer para que me salgan marcados solo los días con publicaciones de determinada etiqueta?
ResponderEliminar
Respuestas
EVA5 de febrero de 2017, 20:47
Buenos días Luis, ante todo reitero que es una gran ayuda encontrar tutoriales tan bien explicados como los tuyos.

Pero me está pasando exactamente lo mismo que a "Mercedes", también he usado este widget en dos blogs, para ser exactos, he usado la misma plantilla "Live Style Material Design Blogger" que contiene este widget en dos blogs. Sin embargo, en el primer blog no me dio ningún problema, pero en el segundo blog que acabo de hacer, repitiendo los mismos pasos, no consigo que funcione este formato de calendario.

Y el problema es el mismo que le sucede a "Mercedes", que aparece el calendario pero totalmente vacío, es decir, sin la numeración de los días del mes en las casillas.

Hay alguna forma de solucionarlo??

Gracias de antemano por tu ayuda.
ResponderEliminar
Respuestas
EVA6 de febrero de 2017, 16:50
Gracias Luis, acabo de encontrar cual era el problema.
Resulta que mientras que el blog está en modo "privado", aparece el calendario pero totalmente vacío, sin la numeración de los días del mes en las casillas. Pero en modo "público" se visualiza todo perfectamente. Por lo visto, si las entradas no son públicas, el calendario opta por invisibilizarse, en el fondo tiene su lógica, jejeje
Gracias
ResponderEliminar
Respuestas
Wally Díaz6 de abril de 2017, 16:30
Hola Luis,
Hace un año y algo mas, instale este widget y me funciono maravilloso hasta la fecha, pues, desde hoy(al menos hoy me di cuenta) el calendario no tiene la apariencia ni la función original. Tengo esta pagina guardada e hice nuevamente la instalación paso a paso pero no hubo cambios. La verdad te agradecería si puedes ayudarme, ya que no quiero cambiar este bello widget. mi url es: ganaconwally.com
Bendiciones y gracias.
ResponderEliminar
Respuestas
EVA27 de abril de 2017, 20:21
Hola Luis, creo que me ha pasado lo mismo, de repente vuelve aparecer el calendario vacío y el blog está en modo público, de hecho, hasta ahora funcionó bien. Puede estar relacionado también con esa modificación de código?
No toco nada hasta que me confirmes, gracias por tu ayuda
Saludos
ResponderEliminar
Respuestas