IMÁGENES GIFS PARA ENLAZAR TUS REDES SOCIALES .

Normalmente utilizamos iconos en el blog que enlazan con nuestras cuentas en redes sociales.
Estas imagenes suelen ser estaticas y en formato png, pero tambien las podemos utilizar animadas para darle un toque diferente y llamar la atencion de nuestros usuarios/lectores.

Eso mismo es lo que pense yo y me puse a diseñar estas 3 imagenes en formato gif para que enlacen con las cuentas en Twitter, Google+ y Facebook.

Si te gustan, puedes ponerlas en tu blog, copiando los codigos correspondientes que he preparado para la ocasion.


 Si lo que prefieres es descargartelas para alojarlas tu mismo, puedes hacerlo en el boton de abajo.

Twitter

<a href="URL DE TU CUENTA DE TWITTER" target="_blank"><img style="border:2px solid #00ACEC;" class="gifsocial" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2DQGQVaxtZ7lgK140e3rQ9K5AoEFMoOynhXSTLJGghfl7FaiPD_syOqfzy0y73P50_I0rCnHQFGzmr-i3B4VBjpQand1VDcMjQ2B4BlCjk017b2-3dge4Jkrs7_BBBbwYr_NFTNv6jyg/s198/Twitter%2520-%2520REDEANDO.gif" /></a><style>.gifsocial:hover{-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.75);box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.75);}</style>

Google+

<a href="URL DE TU CUENTA DE GOOGLE+" target="_blank"><img style="border:2px solid #000000;" class="gifsocial" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisucdU4EknmoiVIytLt2_YY1_O-LsDLdbbtG8uVAlCt0-3PMf-mxSACchH5nFXxn8XI7teqxIWVHKIf3Oxbxw_ySHC2jSyJ-sX2ANmh3b_b0sU12wxKZNN7oGOoj49kaNxCGiACpE5UYk/s198/GooglePlus%2520-%2520REDEANDO.gif" /></a><style>.gifsocial:hover{-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.75);box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.75);}</style>

Facebook

<a href="URL DE TU CUENTA DE FACEBOOK" target="_blank"><img style="border:2px solid #3B5998;" class="gifsocial" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWwBTvXuLb0tMpm3O7wFbCq91n2dmxPiHS6N_YfY9lddajcPYS0p7PG5duyMKohlJk63aNpIqUGIEcj6iQn8eqYJx2Ma6KYXH6TPET73-QnChxt2NjhYHlG_1WnoP635c2N66bEaoGk0Q/s198/Facebook%2520-%2520REDEANDO.gif" /></a><style>.gifsocial:hover{-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.75);box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.75);}</style>

Data de la Publicación;24-08-2019

 Fuente; redeando

 Publicado por;                                                                             

DROPBOX ALOJAMIENTO DE ARCHIVOS GRATIS .

Para quienes les gusta embellecer su blog se darán cuenta que tener un servicio de alojamiento es indispensable, ya sea para subir scripts, música, fotos o cualquier archivo que queramos.

Para quienes usan Skydrive ya sabrán del lío que se ha hecho cuando Microsoft decidió hacer las direcciones dinámicas, esto es que las direcciones de nuestros archivos

cambian seguido, así que lo que teníamos en nuestro blog alojado en Skydrive dejó de funcionar. Buscando las mejores alternativas me encontré con Dropbox, un servicio de almacenamiento de archivos que estoy seguro los enamorará.

2 gigas de espacio gratis (con la posibilidad de expandir hasta 10GB)
Sube tus archivos a internet sin necesidad de abrir el navegador.
Acceso a tus archivos desde cualquier equipo
Recuperación de archivos eliminados
Resumen de actividades en la cuenta
Disponible para Windows, Mac y Linux

¿Cómo funciona? Bueno, primero hay que ir aquí y crear una cuenta.
Ya que hayas creado te dirá que se descargará un archivo. Descarga el archivo en tu computadora.

Una vez que lo hayas descargado verás que donde lo hayas instalado (por defecto de instala en Mis documentos) aparece una carpeta que se llama My Dropbox, dentro de ella hay otra carpeta que se llama Public.

Lo único que tienes que hacer es arrastrar tus archivos a la carpeta Public y automáticamente se subirán a Internet. Fácil ¿no?

Para obtener el link público de tus archivos sólo entra a la carpeta donde los arrastraste, selecciona el archivo y dale click derecho, en el menú selecciona Dropbox > Copy public link y listo.

En cuanto lo uses verás lo fácil y cómodo que es compartir archivos en internet. Así que no esperes más y descúbrelo.


Enlace | Dropbox: https://www.dropbox.com

 Data de la Publicación; 18-08-2019

 Fuente;  ayudadeblogger

 Publicado por;                                                                          

FUENTES DE TEXTO ORIGINALES PARA CREAR TÍTULOS PARA BLOGGER Y WORDPRESS. .

Bien sea en Blogger, Wordpress o en la plataforma que sea, disponemos de varias tipografias de texto diferentes para escribir nuestros posts.

Pero a veces ninguna de ellas nos gusta lo suficiente, queremos algo diferente para que quede original.

Si buscas algo que destaque y no sabes como, aqui te muestro (gracias a Google Web Fonts) 8 fuentes ideales para ponerlas en los titulos por la singularidad de sus diseños.



Si te gustan y quieres añadir alguna(s) en tu blog, debajo de cada fuente tienes el codigo correspondiente listo para copiar y pegar.

Esta es de tipo terrorífico

<span style="font-family: 'Nosifer', cursive; font-size: 30px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Nosifer" rel="stylesheet" type="text/css"></link>

Con velocidad

<span style="font-family: 'Faster One', cursive; font-size: 45px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Faster+One" rel="stylesheet" type="text/css"></link>

Un texto con efecto 3D

<span style="font-family: 'Sirin Stencil', cursive; font-size: 50px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Sirin+Stencil" rel="stylesheet" type="text/css"></link>

Pixelada

<span style="font-family: 'Press Start 2P', cursive; font-size: 35px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet" type="text/css"></link>

Clásica con bordeado

<span style="font-family: 'Diplomata', cursive; font-size: 30px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Diplomata" rel="stylesheet" type="text/css"></link>

A esta le mola el heavy

<span style="font-family: 'Caesar Dressing', cursive; font-size: 45px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Caesar+Dressing" rel="stylesheet" type="text/css"></link>

Hecha a base de puntitos

<span style="font-family: 'Codystar', cursive; font-size: 37px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Codystar" rel="stylesheet" type="text/css"></link>

letras con forma de fichas

<span style="font-family: 'Monofett', cursive; font-size: 45px;">TEXTO</span><link href="http://fonts.googleapis.com/css?family=Monofett" rel="stylesheet" type="text/css"></link>

Data de la Publicación;24-08-2019

 Fuente; redeando

 Publicado por;                                                                         

CÓMO ALOJAR SCRIPTS EN LA PLANTILLA DE BLOGGER .

El tema del alojamiento de los scripts es un tema recurrente debido a que no todos los servicios gratuitos de hosting admiten este tipo de archivos, o bien, porque pueden tardar mucho en cargar si el ancho de banda del hosting es reducido, lo que trae consigo que el blog tarde en cargar.

Si bien podemos alojarlos en Google Sites o Dropbox también podemos alojar los scripts en la propia plantilla, de este modo el tiempo de carga de la página será menor y dejaremos de estar dependiendo de un servicio externo a Blogger.

Alojar los scripts directo en la plantilla funciona para casi todos los casos, aunque es posible que haya uno u otro script que se resista y ese sí tendremos que alojarlo en un servicio independiente.

Para alojar los scripts en la plantilla hay dos formas, una es entrando a Plantilla | Edición de HTML y antes de </head> pegamos lo siguiente:



Para instalarlo en vuestro Bloc solo tenéis que seguir estos pasos:

 Un clic en “Plantilla”

 Un clic en “Editar HTML”

 Ahora se te abrirá el Editor HTML de tu plantilla

En  este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,
debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,


  Busca el siguiente código

</head>



Ahora justo encima (ó antes) de esa etiqueta, pegamos lo siguiente:

<script type='text/javascript'>
//<![CDATA[
...contenido del script...
//]]>
</script>

Habremos de agregar donde se indica el contenido del script.

Pega la URL del script en la barra de direcciones de tu navegador, si abre una página llena de códigos ese es el contenido del script; si en su lugar descarga un archivo con extensión .js entonces abre el archivo con WordPad y copia y contenido del script.

La otra opción es entrar en Diseño | Añadir un gadget | HTML/Javascript y ahí pegar en un sólo elemento el contenido de todos los scripts que quieras. Se haría casi de la misma forma:

 Un clic en “Diseño”

 Clic en “Añadir un gadget”

 Busca el widget que dice “HTML-Javascript” y ábrelo

 Coloca el siguiente codigo en el interior

<script type='text/javascript'>
...contenido del script...
</script>

Con cualquiera de estas dos formas tendremos los scripts alojados en nuestra propia plantilla con lo que dejaremos de depender de otros servicios y nos ahorraremos algo de tiempo en la carga de la página al no depender del ancho de banda de los demás.

Despues de haber insertado el código, un clic en  "Guardar"

Data de la Publicación; 24-08-2019

 Fuente; ciudadblogger

 Publicado por;                                                                       

COMO USAR CUALQUIER MENÚ EN LAS PLANTILLAS DEL DISEÑADOR DE PLANTILLAS DE BLOGGER .

Desde que aparecieron las plantillas del Diseñador de plantillas de Blogger muchos de los comentarios acerca de los Menús son: que los menús no se ven igual que al del ejemplo de equis entrada, o que las subpestañas no se despliegan. Y la respuesta que siempre doy es
 Los menús de subpestañas no funcionan en esas plantillas.

La razón es que esas plantillas tienen estilos predefinidos en esa área que inhabilitan cualquier otro menú que se agregue debajo de la cabecera.

Pero les había prometido encontrar la forma de que los menús funcionen en esas plantillas, así que veamos cómo hacer funcionar cualquier menú en las plantillas hechas a través del Diseñador de plantillas de Blogger.

Lo primero es entrar en Plantilla | Edición de HTML y SIN expandir los artilugios busca esta línea:

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>

Elimina lo que está en color rojo.
Es posible que tengas muchas partes como la que está en rojo, elimina todas las que encuentres.

Luego busca esta parte en la plantilla:

/* Tabs
----------------------------------------------- */

Y elimina todo lo que haya dentro de ello. Por ejemplo, en la plantilla Awesome Inc. eliminarías todo lo que está en color verde

/* Tabs
----------------------------------------------- */
.tabs-outer {
overflow: hidden;
position: relative;
background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}

#layout .tabs-outer {
overflow: visible;
}

.tabs-cap-top, .tabs-cap-bottom {
position: absolute;
width: 100%;

border-top: 1px solid $(tabs.border.color);

}

.tabs-cap-bottom {
bottom: 0;
}

.tabs-inner .widget li a {
display: inline-block;

margin: 0;
padding: .6em 1.5em;

font: $(tabs.font);
color: $(tabs.text.color);

border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
border-$startSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li:last-child a {
border-$endSide: 1px solid $(tabs.border.color);
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background: $(tabs.selected.background.color) $(tabs.background.gradient) repeat-x scroll 0 -100px;
color: $(tabs.selected.text.color);
}
/* Headings
----------------------------------------------- */

Ya eliminado, en su lugar agrega lo siguiente:

#crosscol ul {z-index: 200; padding:0 !important;}
#crosscol li:hover {position:relative;}
#crosscol ul li {padding:0 !important;}
.tabs-outer {z-index:1;}

Una vez hecho lo anterior podremos agregar cualquier menú y estos se verán como deben verse y las subpestañas podrás desplegarse sin problema.

Fecha de la Publicación; 24-07-2019

 Fuente; ciudadblogger

 Publicado por;