Para ello necesitas saber algunas cosillas, no son difíciles, pero debes tener una experiencia en el html y esas cosas ... Entre esas cosas debes saber qué es cufón por ejemplo, abajo les dejo una pequeña definición reflexionada por mí
Cufón es el reemplazo de las letras normales que se encuentran por la internet, es el reemplazo por imágenes de cada letra que juntas conforman una palabra y pueden tener efectos de degradado y de sombras..
Espero hayan entendido, si no fué así, ¡haganmelo saber! Si quieren continuar leyendo el tutorial, por favor haz click en Leer más.
Como primer paso deberemos elegir una fuente que nos guste para que se pueda ver allí. La que yo usé se llama Bebas Neue y la puedes descargar haciendo click aquí.
Ahora que tenemos esta fuente descargada, muevela al escritorio asi la puedes encontrar más fácilmente para el paso que sigue.
A continuación deberás ir a la página oficial de Cufón para generar el archivo. Para ingresar, haz click aqui.
Al principio deberás examinar la fuente que hayas elegido y movido al escritorio. Si quieres que la fuente se vea normal,debes examinarlo en Regular Typeface. Si quieres que esté en negrita, entonces en Bold. Si quieres itálica, la otra opción ...Y la última indica la negrita e itálica juntas.
Luego de eso deberás hacer click en la cajita que está al lado de The EULAs of these fonts allow Web Embedding (without Adobe Flash).
Luego de hacer esto vamos abajo de todo, sin darle importancia a los pasos que sigan. Abajo de todo tendrás que hacerle click a la cajita que está al lado de I acknowledge and accept these terms.(Acepto los términos)..
Ahora deberemos hacer click en Let's Do this para descargarte la fuente convertida a javascript.
Guardamos ese archivo en un lugar donde recordemos, y lo subimos a cualquier servidor para que nos de un enlace directo al archivo. Si tienes sitio en wordpress, puedes subirlo como un medio. O si no, en google sites.
Luego de que recibimos el enlace directo,vamos a neustro codigo HTML de blogger y buscamos <head> ,que está casi al principio. Exactamente debajo, pegaremos el siguiente código.
<script src='http://cufon.shoqolate.com/js/cufon-yui.js' type='text/javascript'/>
<script src='URL de tu archivo subido a un servidor' type='text/javascript'/>
<script type='text/javascript'>
Cufon.set('fontFamily', 'Nombre EXACTO de la fuente');
Cufon.replace('.date-header',{ hover: true, color: '-linear-gradient(#B40404, #000000, #B40404)', textShadow: '1px 1px 0px #ffffff',}); </script>
Ten en cuenta que debes reemplazar lo que está en verde para que se vea correctamente.
No hay comentarios:
Publicar un comentario