Ocultar/Eliminar el mensaje "Mostrando entradas con la etiqueta..."

Cuando se está buscando una entrada dentro del blog y usamos las etiquetas para localizarla, aparece un recuadro con el mensaje:

Mostrando entradas con la etiqueta XXXXX. Mostrar todas las entradas.

O bien, al hacer una búsqueda dentro del blog aparece el mensaje:


Ninguna entrada coincide con la consulta. Mostrar todas las entradas.

Para OCULTAR este mensaje hacemos lo siguiente:

Entra a Plantilla | Edición de HTML y antes de ]]></b:skin> pega esto:

.status-msg-wrap {visibility:hidden;display:none;}

Guarda los cambios y listo.

Para ELIMINAR el mensaje:

Entra a Plantilla | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca este código:

<b:include data='top' name='status-message'/>

Elimínalo y guarda los cambios.


Con cualquiera de estos dos métodos, ese recuadro dejará de aparecer en nuestras búsquedas.

Fuente | CiudadBlogger

Como poner la barra de carga de Youtube en Blogger

Si somos observadores cada vez que entramos a YouTube, vemos una barra de progreso de carga roja ,en la parte superior de la página de izquierda a derecha. Para mi esta super bien.

Y te preguntas ...?... ¿Esto seria posible ponerlo en mi blogs de Blogger?...la respuesta es por supuesto que sí.

Es un javascript para progreso de barra igual que YouTube y bueno no requiere de jquery  con tamaño muy pequeño , así que no te preocupes que no sobre cargara tu blogs de blogger. Mas bien dará un aspecto muy elegante a tu blog.

Ahora vamos a ponerlo en nuestro blogs a continuación: Solamente vas a hacer un paso...

Coloca este codigo por Encima de la etiqueta :  </body>

<script type='text/javascript'>

//<![CDATA[

var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"2px",zIndex:9999,top:"0"},l={width:0,height:"100%",clear:"both",transition:"height .3s"};c=function(a,b){for(var c in b)a.style[c]=b[c];a.style["float"]="left"};f=function(){var a=this,b=this.width-this.here;0.1>b&&-0.1<b?(g.call(this,this.here),this.moving=!1,100==this.width&&(this.el.style.height=0,setTimeout(function(){a.cont.el.removeChild(a.el)},100))):(g.call(this,this.width-b/4),setTimeout(function(){a.go()},16))};g=function(a){this.width=

a;this.el.style.width=this.width+"%"};h=function(){var a=new d(this);this.bars.unshift(a)};d=function(a){this.el=document.createElement("div");this.el.style.backgroundColor=a.opts.bg;this.here=this.width=0;this.moving=!1;this.cont=a;c(this.el,l);a.el.appendChild(this.el)};d.prototype.go=function(a){a?(this.here=a,this.moving||(this.moving=!0,f.call(this))):this.moving&&f.call(this)};e=function(a){a=this.opts=a||{};var b;a.bg=a.bg||"#db3131";this.bars=[];b=this.el=document.createElement("div");c(this.el,

k);a.id&&(b.id=a.id);b.style.position=a.target?"relative":"fixed";a.target?a.target.insertBefore(b,a.target.firstChild):document.getElementsByTagName("body")[0].appendChild(b);h.call(this)};e.prototype.go=function(a){this.bars[0].go(a);100==a&&h.call(this)};return e}();

var nanobar = new Nanobar();nanobar.go(30);nanobar.go(60);nanobar.go(100);

//]]>

</script>

Ahora si deseas cambiarlo el grosor de la barra de progreso :

height:"2px"

Si deseas cambiar el color rojo por otro busca este código :

a.bg=a.bg| | "#db3131"

Osea cambialo esto  : #db3131  por otro color que deseas ponerlo.

Fuente | DanyDanielRT

Poner el título de la entrada antes del nombre del blog en los resultados de los buscadores para aumentar el tráfico desde los buscadores

En los resultados de las búsquedas de Google, los blogs de Blogger muestran por defecto el nombre del blog antes del título de cada entrada. Según Google, el título es uno de los aspectos más importantes que hacen un usuario haga click en un determinado resultado de búsqueda.

Así que es recomendable invertir este orden para que se visualice mejor en los buscadores y obtengamos más visitas desde la página de resultados de los buscadores.

Para llevar a cabo esta pequeño cambio solo visible en los resultados de los buscadores; vamos al menú de plantillas y editamos el código fuente de nuestra plantilla (edición HTML). Buscamos, entre el código de nuestro sitio, la siguiente línea:

<title><data:blog.pageTitle/></title>

y la reemplazamos totalmente por este:

<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title><b:else/> <title><data:blog.pageTitle/></title></b:if>

Ha sido sencillo, ¿no?

Fuente | ExprimiBlog

Soporte de Color Desde Chrome 39 en Android

A partir de la versión 39 de Chrome para Android en Lollipop, somos capaz de utilizar la etiqueta "theme-color" meta para configurar la barra de herramientas de color Esto significa no más barras grises! La sintaxis es bastante simple: poner una etiqueta "meta" bajo <head> de la pagina y el name="theme-color", y despues el "content" de cualquier color CSS válido.

Se que no esta bien explicado asi que aca va.

Para ello primero hay que ir a Plantilla | Edición de HTML precionar Ctrl+F y buscar la etiqueta <head> y bajo ella pegar lo siguiente:

<meta name="theme-color" content="#00FF1A"/>

Si quieres sustituir el color debes de sustituir el codigo #00FF1A de arriba.

Además, Chrome mostrará bellas faviconos de alta resolución cuando se proporcionen. Chrome para Android recoge la resolución de icono más alta que proporcione, por lo que recomendamos que proporciona un archivo PNG 192 × 192px. Para ello debemos de poner  lo siguiente:

<link rel="icon" sizes="192x192" href="URL de la imagen">

Y asi el navegador mostrara un lindo color cuando entres a tu blog.

Fuente | Google Developers