Acceder a Blogger desde el escritorio de Windows, con Chrome

Crear accesos directos para ingresar rápidamente a Blogger a través del escritorio de Windows, el menú inicio o la barra de tareas.

Aprovechando la aplicación de Blogger para Chrome, crearemos un acceso directo para poder acceder rápidamente a través del escritorio del sistema operativo Microsoft Windows. Y también veremos cómo anclar un acceso directo al menú Inicio y la barra de tareas.

Primero, debemos tener instalado Google Chrome, y lo podemos descargar gratuitamente a través del enlace que les dejé.
Ahora deberemos instalar la aplicación de Blogger a nuestro navegador ingresando a este enlace.
Al ingresar aparecerá una pantalla similar a ésta. Pincha + añadir a chrome.

Luego de unos segundos se nos abrirá la ventana donde se encuentran todas tus aplicaciones, donde estará la de Blogger.

Encuentra el icono de Blogger y dale clic con el botón derecho del mouse.

Selecciona Crear accesos directos del menú. Aparecerá una ventanita así:

Queda a tu criterio elegir dónde crear los accesos directos: en el Escritorio, el Menú Inicio, o la barra de tareas.
Luego de marcar las casillas, presiona Crear y automáticamente se crearán los íconos para acceder a Blogger.

Ahora ya podrás acceder rápida y cómodamente a Blogger sin necesidad de abrir el navegador y tipear la dirección.

Espero que aproveches este truco y no tengas inconvenientes.

Comentarios

Galería de Imágenes Simple, con Javascript y CSS

Crear accesos directos para ingresar rápidamente a Blogger a través del escritorio de Windows, el menú inicio o la barra de tareas.

¡Hola! Ya extrañaba escribir en mi blog. Vuelvo con esta genial galería de imágenes que es muy fácil de insertar y es súper simple. Sólo es necesario insertar el HTML, y decorarlo un poco con CSS, veamos: <div id="galeria"> <div id="galeria_imagen"> <img id="imgGaleria" src=" URL-IMAGEN-POR-DEFECTO " /></div> <div id="galeria_miniaturas"> <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src=" URL-IMAGEN-1 " /> <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src=" URL-IMAGEN-2 " /> <img class="miniatura" onclick="javascript:document.getElementById('imgGaleria').src=this.src;" src=" URL-IMAGEN-3 " /> <img class="miniatura" onclick="javascript:document.getEle

seguir »

Ventana flotante con botón cerrar

Crear accesos directos para ingresar rápidamente a Blogger a través del escritorio de Windows, el menú inicio o la barra de tareas.

Esto será algo muy útil cuando debas dejar algún mensaje o aviso para tus lectores. Se trata de una ventanita, con apariencia similar a las de Windows, que es flotante y tiene la opción de cerrar con un efecto fade utilizando un botón. Insertarla es muy simple, sólo pega este código en un gadget HTML/Javascript y puedes cambiar algunos valores para personalizar la ventana a tu gusto. <div id='ventana-flotante'> <a class='cerrar' href='javascript:void(0);' onclick='document.getElementById('ventana-flotante').className = 'oculto''>x</a> <div id='contenedor'> <div class='contenido'> Aquí va el mensaje. </div> </div> </div> <style> #ventana-flotante { width: 360px; /* Ancho de la ventana */ height: 90px; /* Alto de la ventana */ background: #ceffad; /* Color de fondo */ position: fixed; top: 200 px; left: 50%;

seguir »

Tabs, menú de contenidos con pestañas. Versión CSS

Crear accesos directos para ingresar rápidamente a Blogger a través del escritorio de Windows, el menú inicio o la barra de tareas.

Seguro conocerás este sistema de pestañas, que nos permite mostrar de manera alternativa distintos contenidos en un mismo espacio. Hay distintas versiones como con jQuery , o utilizando CSS, más específicamente la pseudoclase :target . Aquí veremos como obtener un resultado similar, pero utilizando la pseudoclase :checked. Comencemos con la estructura. <div id="contenedor"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1"> Pestaña1 </label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2"> Pestaña2 </label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />

seguir »

Efecto biselado con CSS

Crear accesos directos para ingresar rápidamente a Blogger a través del escritorio de Windows, el menú inicio o la barra de tareas.

Utilizando CSS, podemos crear un efecto de biselado para utilizar en botones, mensajes, contenedores o lo que se les ocurra. Veremos 2 formas de aplicar este efecto, una utilizando bordes y otra implementando la propiedad box-shadow . Con los bordes, encontraremos una forma más tradicional que nos permite que los bordes inferior y lateral derecho sean más oscuros simulando relieve. HTML <div class="biselado"> Texto </div> Hola, soy un cuadro con outset. .biselado { background: #2323ff ; /* Fondo, debe ser más claro que el borde */ border: 5px outset #4444ff ; /* Grosor del Borde */ /* Color del Borde */ color: white ; /* Color del texto */ text-align: center ; /* Alineación del texto */ text-shadow: -1px -1px rgba(0,0,0,.2); } O podemos lograr el efecto contrario, reemplazando la palabra outset que se encuentra antes del color del borde por inset . Hola, soy un cuadro con inset. Veamos ahora una manera más efectva de simul

seguir »

Botón circular 3D realista con CSS

Crear accesos directos para ingresar rápidamente a Blogger a través del escritorio de Windows, el menú inicio o la barra de tareas.

El secreto está en la propiedad box-shadow . Luego border-radius para darle forma y ya lo obtenemos. See the Pen Botón tridimensional realista. by Lucas Maidana ( @LucasMaidana ) on CodePen . El HTML típico de un botón. <a class='boton' href='URL-DEL-BOTON'></a> Y el CSS. .boton { background: url( http://www.ashleyjt.net/windows/images/Android.png ) /* Url de la imagen */ no-repeat center center, #62BC0F /* Color del botón */ ; background-size: 60%; /* Tamaño de la imagen */ height: 200px; /* Alto del botón */ width: 200px; /* Ancho del botón */ display: table; border-radius: 100%; cursor: pointer; box-shadow: /* Sombras externa */ inset 0 10px 15px rgba(255,255,255,.35), inset 0 -10px 15px rgba(0,0,0,.05), inset 10px 0 15px rgba(0,0,0,.05), inset -10px 0 15px rgba(0,0,0,.05), /* Sombra interna */ 0 5px 20px rgba(0,0,0,.1); } /* Al presionar */ .boton:active { box-shadow: inset 0 5px 30px rgba(0,0,0,.2); /* S

seguir »

Texto con borde

Crear accesos directos para ingresar rápidamente a Blogger a través del escritorio de Windows, el menú inicio o la barra de tareas.

¿TEXTO CON BORDE? ¿Posible hacerlo sólo con CSS? SI ES POSIBLE NOTA : Esta propiedad no es compatible con todos los navegadores. Se recomienda Chrome o Firefox. Para lograrlo, debemos aplicar la propiedad text-shadow para lograr muchas sombras del mismo color simulando un sólo borde. A <div class="texto1"> Texto </div> le aplicaremos: .texto1 { color:white; /* Color del texto */ text-shadow: 1px 1px 0 blue , -1px -1px blue , 1px -1px blue , -1px 1px blue , 0 1px blue , 1px 0 blue , -1px 0 blue , 0 -1px blue ; } Puedes cambiar blue por el color que desees. Aquí mas ejemplos. borde .texto2 { color:#AAFFB1; background:#AAFFB1; padding:20px 80px; text-shadow: 1px 1px 0 #2F7235, -1px -1px #2F7235, 1px -1px #2F7235, -1px 1px #2F7235, 0 1px #2F7235, 1px 0 #2F7235, -1px 0 #2F7235, 0 -1px #2F7235; } texto .

seguir »

BlogDesign

Buscar este blog