Blog de German

Buen día, hoy compartiré el código CSS de un pequeño botón que me ha gustado mucho y que estoy utilizando en uno de mis blogs donde escribo chorradas. También explicare como personalizar el botón para que sepas como cambiar los colores a tu gusto. Código HTML: <div class="btn btn-deg"><a href="url" title="titulo">Botón deg</a></div> Código CSS del botón: .btn a{display:inline-block;padding:6px 12px;margin-bottom:0;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; background-image:none;border:1px solid transparent;border-radius:4px;} .btn.active.focus a,.btn.active a:focus,.btn.focus a,.btn a:active.focus,.btn a:active:focus,.btn a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px} .

Buen día, ¿acaso todo tiene que ser cuadrado? como en esa película rara de "La Caja". Casi todo lo que existe en el universo es redondo o algo parecido pero no cuadrado. Así que vamos a modificar el código CSS de las cajas contenedoras del texto, en este caso las cajas de las entradas para que sus bordes queden redondos. ¡Vamos allá!. Redondear borde de la caja o cajas de entradas o post: Primero:  Vamos a Tema>>Editar HTML y clic dentro de la caja del código, luego oprimes las teclas Ctrl+f y copias y pegas: ".post-outer-container" sin comillas en la caja de búsqueda que aparece en la parte superior derecha de la caja de código y Enter. Segundo:  Dentro del código de este grupo de clases (Que va desde la primera linea resaltada en amarillos hasta el primer } después de la primera linea amarilla) justo después de la linea width: auto; y antes de } (Ver imagen) agregas esta linea: "border-radius: 10px;" (Resaltado en azul en la imagen) si

El zombie del dinero guardia se puede encontrar por lo general en casi todos los pueblos y ciudades, pero no esta muy hambriento. Es en los puntos de control de las vías donde están los zombies mas feroces, como siempre esta desesperado por dinero pero este zombie a diferencia de otros puede conformarse con cualquier otra cosa. Estos zombies atormentan a los conductores de autos y de todo vehículo que se desplace sobre ruedas, los comerciantes (Aunque esto es canibalismo), que no posean guía de transporte y todos los papeles necesarios para conducir. José nos (me) cuenta que es un transportador de verduras y hortalizas, y que para poder pasar por un punto de control aunque lleve todos los papeles en orden debe de dejar algo para que le permitan pasar. Pero este Zombie del Dinero donde puede obtener mas beneficios es en las zonas de frontera porque hay puede saciar su hambre gracias a las pocas personas que hay en el mundo y a los zombies inferiores. Una vez vi como uno de e

Buen día. Hoy explicare como cambiar la imagen de fondo de la plantilla contempo de blogger por una imagen patrón. Te preguntaras que es eso de imagen patrón, es solo una imagen por lo general de baja resolución (por ejemplo 100x100) o pequeña que se utiliza de fondo en las paginas web, llena el fondo de la pagina con copias de si misma y estas encajan perfectamente creando un fondo continuo como si fuera una única imagen. Por ahora solo he probado en la plantilla contempo que es la que utiliza este blog, mas adelante agregare mas plantillas. Al poseer una imagen de un poco mas de 200 KB y ser reemplazada por una de poco mas de 30 KB, esto ya supone una gran mejora en la carga de la pagina. Por ahora dejare la imagen de fondo que tiene este blog mientras creo otra para cambiarla porque esta esta un poco muy brillante ¿No?. Primero:  vamos a Tema>>Personalizar que esta abajo de las miniaturas del blog y en el "Diseñador de temas de blogger" clic en "Fond

Hola a todos, les presento esta grandiosa herramienta 3D que estoy empezando a utilizar. Blender es una herramienta o programa informático multi plataforma, dedicado especialmente al modelado, iluminación, renderizado, animación y creación de gráficos tridimensionales (3D). También es software libre así que podrás utilizarla sin ningún problema, con esta herramienta se han creado multitud de proyectos como los plumiferos, en internet puedes encontrar multitud de foros de ayuda, guías, ejemplos, tutoriales y mucho mas. Blender fue lanzada inicialmente en 1995 y al momento de escribir estas linea ya va en su versión 2.78c (2017), posee muchas capacidades y en mi humilde opinión se puede hacer mucho con ella (aunque yo no he hecho nada aun). Bueno solo he rasgado la superficie así que si quieres obtener mas información lee este articulo . Si quieres probar esta herramienta puedes descargarla de su pagina oficial ( Descargar Blender ) y para empezar a meterle mano te recomien

Buen día hoy voy a explicar como eliminar cualquier widget de las plantillas de blogger. Ya habrás observado que en tu blog algunos widget que las plantillas traen por defecto no se pueden eliminar desde el menú Diseño, pero cualquier widget se puede eliminar desde el código HTML de la plantilla y esto es lo que haremos: Primero vamos a hacer una copia de seguridad de la plantilla o tema por si nos equivocamos: Ve a Tema y en la parte superior derecha de la pagina arriba de las miniaturas hay un botón que dice "Crear/Restablecer copia de seguridad" y descargas tu plantilla. Después das clic en "Editar HTML" que esta al pie de las miniaturas de tu blog, esperas a que cargue la pagina del código y arriba de la caja de código hay unos botones clic en el que dice "Ir al widget" que esta al lado de "Guardar tema" (botón naranja) y en la lista desplegable seleccionas el que quieres eliminar. Los widgets siempre comienzan con  <b:widget al

Zombie Policía El zombie policía es uno de los tipos de zombies que se pueden encontrar en cualquier lugar del mundo, también existen diferentes subtipos de zombies policía pero ahora hablare de los zombies policía que conozco. El zombie policía que conozco y he visto el cual se puede encontrar en Venezuela o también en todo el mundo prefiere a los motorizados, son sus victimas favoritas y siempre las esta persiguiendo. La gran mayoría de personas que conducen motos sienten un miedo ilógico hacia los zombies policía aunque estos están para "Proteger y servir", los zombies policia huelen el mido de sus victimas y se aprovechan de este para aterrorizar y obtener el combustible vital que mueve el mundo de los Zombies del Dinero. Manuel y José Dicen: "Cuando vemos a un zombie policía que trata de detenernos, nunca lo hacemos. Nos damos a la fuga y a veces nos persiguen, pero donde nosotros vivimos las patrullas no corren a mas de 40 km/h porque se desarman y n

Buen día, hoy les traigo la plantilla o tema contempo de blogger editada o modificada(suena mejor) para tener dos columnas en vez de una sola, la columna que he agregado esta al lado izquierdo y su contenido es el de la barra lateral oculta que aprecia al hacer clic en el icono del menú (ese de las tres rallitas) o menú hamburguesa, en realidad es la barra lateral oculta pero ya no esta oculta ;). Aquí  esta el blog de pruebas que he utilizado. En el apartado "Diseño", la barra lateral ahora esta después de los gadgets de adsense y son dos "Barra lateral (arriba)" y "Barra lateral (abajo)". Puedes agregar gadgets normalmente a la barra lateral y quitarlos, también puedes cambiar el ancho de la barra lateral desde el "Diseñador de temas de blogger" y todo lo demás (colores, fuente, fondo) sin ningún problema. Si quieres cambiar el margen entre la barra lateral y el contenido del blog ve a Tema>>Editar HTML y c

Un poco de humor porque no solo de editar o modificar las plantillas de blogger se vive. ¿Que son los Zombies del Dinero? Los Zombies del Dinero son una especie de zombies un poco diferente a los zombies que todos conocemos los cuales comen cerebros mientras que los Zombies del Dinero tienen un sed insaciable de dinero, pero estos no se lo comen solo lo almacenan y por esto se asemejan mas a un duende porque protegen su hoya de oro a toda costa pero los Zombies del Dinero siempre quieren mas. Los Zombies del Dinero aparecieron hace mucho tiempo a causa de un virus altamente contagioso (en otra oportunidad hablare de la historia y del virus de los Zombies de Dinero). Según algunos expertos en esta especie de zombies afirman que el virus es tan contagioso que actualmente seria muy difícil y extraño encontrar a un individuo que no este contagiado. Los Zombies del Dinero ya están entre nosotros así que cuando salgas hoy ten mas cuidado y oculta bien tu dinero porque estos zombies

¿Quieres cambiar el botón atrás por el botón de la barra lateral izquierda como en la pagina principal del blog? ¿No te gusta ese botón atrás (porque ya tienes una opción de tu menú que cumple esa función)? Cualquiera que sea la razón sigue los siguientes pasos para remplazar el botón atrás por el botón del menú o barra izquierda en el tema contempo de blogger: Ir al código HTML de la plantilla o tema contempo de blogger Antes de ir a editar el código HTML no olvides hacer una copia de seguridad del código HTML de la plantilla o tema por si acaso. 1 Paso: Ve a Tema>>Editar HTML y cuando cargue la pagina del código clic dentro de la caja del código HTML y pulsas Ctrl+f en la cajita de búsqueda que aparece en la parte superior derecha de la caja de código copias y pegas " <b:include data='{ button: true, iconClass: &quot;hamburger-menu flat-icon-button ripple&quot; }' name='menuIcon'/> " sin comillas y pulsas Enter. 2 Pas

Si le añadiste un menú a tu blog y este blog usa la plantilla contempo de blogger abras notado que cuando realizas scrolling hacia abajo, arriba aparece el titulo del blog y el menú pero revueltos como si fueran una sopa de frijoles (Me gusta la sopa de frijoles ;) y quieres que el menú salga abajo del titulo como si estuviera en otra linea así como el mio? En realidad es muy sencillo, yo estaba hurgando en el código Javascript (No soy muy bueno en Javascript por no decir nada) que hace funcionar la barra superior pero no logre entender nada así que hice unas pruebas local mente con el código HTML de mi blog y en unos pocos minutos encontré la solución que daré a continuación: Separar menú del titulo en la barra horizontal superior del tema contempo que aparece al hacer scroll Antes que nada no olvides hacer una copia de seguridad si no tienes una, por si acaso. Primero ve a Tema>>Editar HTML y espera a que cargue la pagina y aparezca la caja con el código HTML de

Dejare aquí el código CSS del menú que tiene este blog para que lo utilices tu también y lo personalices a tu gusto. Cualquier persona puede obtener el código CSS de una web y del menú (No se lo digas a nadie) así que ¿porque no compartirlo?. Este menú es desplegable con sub-menús. Aquí dejare un ejemplo de como se vera el menú, pero puedes mirar el menú de este blog que esta arriba porque el código que utiliza es el mismo que voy a publicar. Si no sabes como agregar el código CSS a tu blog clic aquí , en esa entrada explico como insertar el código CSS de un menú a un blog pero tu utilizaras el código CSS que he dejado aquí abajo, solo tienes que pegar el código CSS en  Tema>>Personalizar>>Avanzado>>Añadir CSS y pulsas en " Aplicar al blog " para guardar. Ejemplo: Inicio German Quien es? Opción Otra opción Programación Android Web CSS HTML PHP Humor Opción 1 Opción 2 Opción 3 Código HTML del ejemplo:

Te a gustado el botón "Compartir" de las nuevas plantillas de Blogger y mas específicamente de la plantilla o tema Contempo?. Si te a gustado el botón "Compartir" pero tu no quieres cambiar de tema o plantilla sino que quieres agregar ese botón a el tema o plantilla que estas utilizando, haz llegado al lugar correcto, a continuación explicare como añadir el botón "Compartir" de la plantilla o tema Contempo a otras plantillas de Blogger que no lo poseen. Clic aquí  para ver el blog al cual he agregado el botón compartir, ese blog utiliza la platilla o tema "Sencillo" de Blogger. El código HTML del botón compartir debes de editarlo para cada entrada a la cual quieras agregarle el botón ya que debe de ser diferente para cada una y no e logrado encontrar el código que lo hace funcionar automáticamente. 1 Paso: Añadir código CSS al tema o plantilla Código CSS del botón compartir: .hidden { display: none; } .container:after, .float-con