Cambiar el titulo por typed.js

  • Avatar de Desconocido
    jamonrecord · Miembro ·

    Hola chic@s me gustaria poder cambair el titulo de un web en wordpress, el tema que uso es Blog Way y me gustaria hacer que tuviera una animación como de maquina de escribir.
    este es el codigo que e hecho y no se como implementarlo, un saludo.

    <!doctype html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>JavaScript - Efecto m&aacute;quina de escribir</title>
  	<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:200&subset=latin-ext" rel="stylesheet"> 
  	http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  	http://typed.js
  	<style type="text/css">
      body { font-family: 'Source Code Pro', monospace; background-color:#0000; color:#white; font-size:40px; }
      a { color: #888; display: table; font-size: 18px; margin: 0 auto; text-align: center; text-decoration: none; width: auto; } 
      a.btn { color: #888; border:1px solid #888; border-radius:4px; margin:10px auto; padding:5px 10px;  }
      a.btn:hover { color:#FFF;  border:1px solid #FFF; }
      .content {
        display: table;
        margin: 20px auto;
        text-align: center;
        width: 70%;
      }
      .logo { display:block; margin:0 auto; }
      /* Código para el cursor parpadeo animado */
      .typed-cursor{
  			opacity: 1;
  			font-weight: 100;
  			-webkit-animation: blink 0.7s infinite;
  			-moz-animation: blink 0.7s infinite;
  			-ms-animation: blink 0.7s infinite;
  			-o-animation: blink 0.7s infinite;
  			animation: blink 0.7s infinite;
  		}
  		@-keyframes blink{
  			0% { opacity:1; }
  			50% { opacity:0; }
  			100% { opacity:1; }
  		}
  		@-webkit-keyframes blink{
  			0% { opacity:1; }
  			50% { opacity:0; }
  			100% { opacity:1; }
  		}
  		@-moz-keyframes blink{
  			0% { opacity:1; }
  			50% { opacity:0; }
  			100% { opacity:1; }
  		}
  		@-ms-keyframes blink{
  			0% { opacity:1; }
  			50% { opacity:0; }
  			100% { opacity:1; }
  		}
  		@-o-keyframes blink{
  			0% { opacity:1; }
  			50% { opacity:0; }
  			100% { opacity:1; }
  		}
  	</style>
  	
    	$(function(){
    		$("#typed").typed({
    			strings: ["JAKIKO"],
    			typeSpeed: 30,
    			backDelay: 500,
    			loop: false,
    			loopCount: false,
    			callback: function(){ foo(); }
    		});
    		function foo(){ console.log("Callback"); }
    	});
  	
  </head>
  <body>

    
  	  
     
  </body>
</html>
  • agepeuve · Plantilla ·

    ¡Hola!

    Ese tipo de funciones de Javascript solo pueden utilizarse en los sitios que están suscritos a un plan Business. He echado un ojo a tu cuenta y no he visto ninguno, ¿puedes darnos la dirección del sitio con el que necesitas ayuda para que podamos echar un ojo?

    ¡Un saludo!

  • El debate ‘Cambiar el titulo por typed.js’ está cerrado y no admite más respuestas.