Todas las entradas del blog a un solo clic

Poner un favicon en nuestro blog

Hoy he decidido poner un Favicon (pequeño icono que aparece a la izquierda de la barra de direcciones, pestaña de navegación y en los marcadores con el logo de nuestra web o blog) en mi blog y buscando, en el blog de Rosa he encontrado una forma rápida y sencilla gracias a la web: IconJ.

Y para ello debemos accedemos a la web IconJ.

Nos situaremos a la derecha de la página hacemos clic en "Browse..." para seleccionar nuestra la imagen que deseamos utilizar como icono. Seguidamente clicamos en "Upload Now".

A la derecha de la web tenemos una vista previa de nuestro favicon y el enlace generado, escogeremos la opción “Direct Link”.



Para colocar el favicon en nuestro blog accederemos a la edición Html y copiaremos el código anterior y pegaremos antes de <b:skin><![CDATA[/*.

El resultado obtenido:



Debemos tener en cuenta que nuestro favicon funciona siempre y cuando recibamos visitas a nuestro blog, ya que si no recibe ninguna visita en el espacio de 30 días, IconJ lo elimina y no será visible.

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

En una anterior entrada os contaba como eliminar el “Mostrar todas las entradas”, vamos a ampliar dicha entrada y vamos a mencionar como ocultarlo sin necesidad de eliminar ningún código.

Cuando buscamos cualquier entrada dentro de nuestro blog y esta está etiquetada, nos aparece el siguiente mensaje:

Si no tenemos etiquetas creadas el mensaje que aparece es este:



Si queremos ocultar estos mensajes haremos lo siguiente:



Entrar en Diseño > Edición de HTML y antes de ]]></b:skin> pegar el siguiente código:

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


Guardamos los cambios y listos.

Si lo que deseamos es eliminar los mensajes anteriores lo haremos así:

Entrar en Diseño > Edición de HTML, marcamos la casilla "Expandir artilugios" y buscamos este otro código:

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

Una vez localizado lo eliminamos y guardamos los cambios.

La ayuda que estas buscando?

Este blog tiene 228 publicaciones sobre temas diversos, que permiten personalizar tu blog en este post van apareciendo temas de forma aleatoria, si alguno es de tu interés clica en el título.

Recuerda que también puedes utilizar el menú superior o la nube de etiquetas de la sidebar, seguro que encuentras algo interesante.

¿ES DE TU INTERES?

Para acceder clica en el siguiente título:

INFORMACIÓN:

Tirando de Blog, es mi archivo personal de trucos.

Archivo de códigos, trucos y webs de aplicaciónes, esta es mi manera de ir guardando todo lo que he ido aprendiendo y aplicando desde 2007 en todos mis blogs.

En el nuevo Tirando de Blog he eliminado la opción de comentarios, debido a que no dispongo de tiempo para dedicarlo al blog y en consecuencia no os puedo prestar la ayuda que quisiera, de todas formas podéis contactar conmigo en el apartado “Contacta” en el menú principal y estaré encantado de atenderos.

Las actualizaciones de este blog se iran produciendo siempre que necesite guardar algún código o siempre que encuentre cosas nuevas e interesantes.

Bienvenidos/as y adelante, como se suele decir, no os quedéis en la puerta ni con la primera impresión que os sugiere este blog, podéis mirar y coger todo lo que os apetezca.

Solo os pido que de vez en cuando, hagáis una pequeña mención a este blog y si os apetece os llevéis mi enlace.

Sisco.

No tires tu viejo ordenador, recíclalo

Insertar vídeos de Youtube en nuestra sidebar

He recibido un email de Ana donde me preguntaba lo siguiente:

¿Cómo puedo insertar un vídeo de Youtube en mi sidebar? He probado de insertarlo como un elemento html i no me cabe.....

Ana, es muy sencillo insertar un vídeo en la sidebar para ello te lo explico mediante esta entrada.

Vamos a Youtube para obtener el código del enlace:

Hacer clic en Insertar:


Copiar el código, será parecido a este:


Fíjate que he marcado en rojo donde dice width="560" height="340", es en esos datos donde debes fijar la medida de ancho (width) y adaptarla a la de tu sidebar, el alto (height) también lo dejaremos acorde con el ancho.

Una vez modificados a tu gusto lo añades donde quieras del blog mediante un nuevo Elemento Html.

Lo mejor para 2010

Easter Eggs

Se le llama Easter Eggs o Huevos de pascua, a una típica acción de los programadores informáticos que siempre que crean un programa, añaden alguna función oculta que realiza algo gracioso o curioso, un ejemplo de ello es:

PRUEBA:

1) Abre Word
2) Escribe esto: =rand(200,99)
3) Una vez escrito pulsa Enter
4) Espera un instante y verás que pasa.

PRUEBA:
1) Abre Word.
2) Escribe en Mayúsculas Q33NY (Q33 es el Nombre del Primer Avión que se estrelló en las Torres Gemelas y NY las siglas de New York)
3) Aumenta el Tamaño de la Letra a 72.
4) Cambia la Fuente de la Letra a Wingdings y observa el resultado.

Te deseamos lo mejor

¿Qué es un Lip Dub?

En pocas palabras podríamos decir que es la última moda de Internet.

Pero para hacer una explicación concisa os diré que un "Lip Dub" es un vídeo grabado en un solo plano, donde la cámara va avanzando y la gente que hay a su alrededor van añadiéndose a su paso cantando sincronizadamente con la música que suena.

Los protagonistas de un Lip Dud suelen ser trabajadores de una empresa, compañeros de universidad, etc.. y a medida que se añaden al vídeo van doblando, a modo de karaoke, las letras de una canción.

En sus inicios estos vídeos surgieron en las universidades, donde decenas o cientos de alumnos participaban de forma conjunta en la grabación de un vídeo-clip obteniendo unos resultados realmente sorprendentes.

Fue el fundador de Vimeo quien ideo esta exitosa historia, el fenómeno esta llegando a tal punto que son numerosas las empresas, universidades y organizaciones que ya tienen su Lip Dud para promocionarse o simplemente como pasatiempo.

A modo de ejemplo os dejo el que realizaron los estudiantes de comunicación de la Universidad de Quebec (Montreal) con la canción de Black Eyed Peas, “I Gotta Feeling” con resultado espectacular, muestra de ello es que ya ha sido visto por casi tres millones de personas en Youtube.

Un poco de humor

Llega el fin de semana y en unos días las fiestas navideñas y aquí en Tirando de Blog os traemos un poco de humor.

Feliz fin de semana.

40.000 Fondos de Escritorio

En Mi fondo de escritorio nos ofrecen poder descargar 40.000 Fondos de Escritorio a todas las resoluciones.

Los encontraremos por categorías, desde 3D, 3D Abstracto, Abstractos, Alimentos, Animales, Arte Digital, Artistas y Empresas, Casinos y Dinero, Ciencia Ficción, Cómics, Deportes, Dibujos y Animación, Divertidos, Espacio y Planetas, Fantasía y Terror, Fiestas y Celebraciones, Fotografías, Fútbol, Hombres Atractivos, Infantiles, Informática y Programas, Juegos, Locomoción y Motor, Marcas y Productos, Militares, Motos, Paisajes, Películas, Políticos y Religiosos, Series, Texturas, Vectoriales.

Enlace: Mi fondo de escritorio.

Internet Explorer 7

Este anuncio ya tiene algún año y sirvió para publicitar Internet Explorer 7.

Menú vertical fácil

Hace un tiempo en uno de mis blogs utilicé un practico y sencillo menú vertical que nos facilitaba Cesar en su blog y era este:


Para configurarlo haremos lo siguiente, pegaremos el código siguiente antes de ]]></b:skin> supongo que ya sabeis acceder a nuestra plantilla, en Diseño – Edición Html, no hay necesidad de expandir los artilugios. Para buscar ya sabéis Ctrl. + F.

/* menu vertical
----------------------------------------------- */
#borderlinks a{
padding-left: 4px;
display: block;
font-size: 14px; /* tamaño de texto */
text-transform: uppercase; /*Aquí seleccionamos May - Min */
width: 200px; /* Ancho Menú */
color: black;
text-decoration: none;
border-left: 4px solid #99C9FF; /* Color borde */
border-bottom: 1px solid #99C9FF; /* Color línea inferior */
}

#borderlinks a:hover{
border-left: 3px solid #00468c; /*Color de línea vertical al tocar el menú */
background-color: #99C9FF; /* Color fondo al tocar el link */
color: #2A211A; /* Color de letra seleccionada */
}

Una vez hemos pegado el código anterior guardamos cambios y añadiremos este otro como un nuevo elemento Html/Javascript.

<div id="borderlinks">
<a href="http://tirandodeblog.blogspot.com/">Enlace 1</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 2</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 3</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 4</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 5</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 6</a>
</div>

Como veis para personalizar el menú, Cesar nos lo dejó muy bien detallado, solo debemos ir modificando los datos a nuestro gusto.

Códigos HTML para nuestro blog

Si buscamos en la Wikipedia la definición de HTML encontramos la siguiente definición:

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

Una vez sabemos de lo que hablamos, si en nuestro blog necesitamos insertar algún símbolo o carácter especial y que estos aparezcan de forma correcta debemos expresarlos de un modo específico en lenguaje HTML.

Para localizar los códigos necesarios podemos usar entitycode.com en esta web vamos a encontrar tablas de caracteres con los respectivos códigos HTML para insertar.

20 de noviembre Día Universal de la Infancia

Hoy Google nos sorprende con otro logo conmemorativo. El logo es para celebrar el Día Universal del niño.

El 20 de noviembre se celebra en todo el mundo el Día Universal de la Infancia y el 20º aniversario de la entrada en vigor de la Convención sobre los Derechos del Niño.

Ratificada en 1989 por 192 países, la Convención sobre los Derechos del Niño supuso un hito, pues desde su aprobación la infancia es considerada, no como objeto de protección, sino como sujeto de pleno derecho. Un enfoque de desarrollo basado en los derechos de la infancia contribuye a que se produzcan las transformaciones sociales, económicas y jurídicas necesarias para hacer del mundo un lugar más justo y habitable.

Texto extraido de Unicef.

Banners para publicidad

¿Deseas poner en tu blog unos banners para publicidad en la sidebar?

Este es el código que debes insertar como un nuevo elemento Html/Javascript:

<center>
<div class="banner img">
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 5px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
</div>
</center>

Los datos que puedes modificar son los que están en rojo.

Y el resultado seria este:

Nuestro blog en formato pdf

Blog2Print es una aplicación web que permite guardar en forma de un archivo PDF todas las entradas de cualquier blog de Blogger como si de un libro se tratara, en formato texto e imagen.

Todo con solo seguir unos sencillos pasos:

Escoger la plataforma, en nuestro caso Blogger.

Escribimos la dirección de nuestro blog.

Clicamos en “Print my blog”, y se nos abre una ventana de selección de preferencias:

Selección de posts.

Rango de fechas.

Orden cronológico.

Imagen de portada.

Dedicatorias.

Una vez seleccionadas nuestras preferencias, clic en “Create Bock”, esperamos un poco y listos.

Numerador de paginas para Blogger

Hoy he implementado en el blog un numerador de páginas, tal y como os muestro en esta imagen:

Para hacerlo de una forma rápida y sin necesidad de editar nuestra plantilla, será tan fácil como copiar el código que os dejo a continuación y posteriormente pegarlo como un elemento Html/Javascript. Desde Diseño, Elementos de página, Añadir un gadget, Elemento HTML-Javascript.

Cuando lo tenemos agregado colocaremos el nuevo elemento debajo de las entradas del blog arrastrándolo con el ratón guardamos cambios y listos.

CODIGO:

<style>

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #ccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #ccc;

background-color:#ccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #ccc;

background: #ccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #ccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333;

}

</style>







<script type="text/javascript">



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';



var pageCount = 4;

var displayPageNum = 5;

var upPageWord = 'Anterior';

var downPageWord = 'Siguiente';







var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';



for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0  (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=''){

if(itemCount==0  (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

itemCount++;

}

}



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

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}



fFlag++;

}



if(p==(thisNum-1)){

html += '<span class="showpagePoint">'+thisNum+'</span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';

}

}



if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){



if(thisNum>1){

if(!isLablePage){

html = ''+upPageHtml+' '+html +' ';

}else{

html = ''+upPageHtml+' '+html +' ';

}

}



html = '<div class="showpageArea"><span  class="showpageOf"> Paginas ('+(postNum-1)+')</span>'+html;



if(thisNum<(postNum-1)){

html += downPageHtml;



}



if(postNum==1) postNum++;

html += '</div>';



if(isPage  isFirstPage  isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");



if(postNum <= 2){

html ='';

}



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

pageArea[p].innerHTML = html;

}



if(pageArea&&pageArea.length>0){

html ='';

}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

</script>



<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script>

En negrita dos datos que puedes variar.

Visto en: El Bufón Digital

Resaltar un texto

Llevo unos tres meses sin mucha actividad en este blog y en consecuencia muchos emails y consultas atrasadas, en una de ellos Maria me preguntaba como podía resaltar un texto dentro un post.

No se si exactamente es lo que estas buscando, pero el código a insertar a tu entrada seria este:

<table bgcolor="#ffff66"><tbody><tr><td><p align="justify"><strong> Aquí podríamos el texto que nos interesa </strong></p></td></tr></tbody></table>

Y el resultado obtenido es este:

Aquí podríamos el texto que nos interesa

El color puedes variarlo en bgcolor=”Código del color”