Z
zetanight
Gamma
Redactor
Buenas gente de ForoBeta, vengo a traerles un tutorial de como añadir frases tuiteables a nuestras entradas en blogger, aunque claro este tutorial puede aplicarse a diferentes plataformas, sin mas que decir comenzamos. PD: este es el primer tutorial que publico en el foro
Al realizar este tutorial tendran como resultado algo como lo que enseño a continuacion
Para empezar debemos ir a nuestro blog - plantilla - editar HTML y aquí presionaremos control+f y buscaremos ]]></b:skin> y por arriba de este código pegaremos el siguiente css y guardamos los cambios
Para crear nuestra frase tuiteable utilizaremos esta pagina Basic · ClickToTweet.com
En ella simplemente escribiremos nuestro tweet y le damos al botón de generate new link
Ahora nos iremos a la entrada en la cual queremos añadir nuestra frase tuiteable y con la opción de HTML activada pegaremos en donde nosotros queramos nuestra frase tuiteable, el siguiente código
<div class="frase">
Aprende más acerca de las almohadas dakimakura. <a href="http://ctt.ec/kl6g4">Tuitear ésto</a>
</div>
Ustedes editan el tweet que está en azul y luego el enlace que les dio la página de click to tweet que está en rojo, con esto ya tendrán su frase tuiteable como la que les mostré en el principio del tutorial
Al final de la entrada de mi web pueden ver una demo Las Almohadas Dakimakura | Cultura Nippon
En caso de que no quieran utilizar la herramieta de clicktotweet tambien se puede realizar directamente con twitter solo debe usar el siguiente enlace y editar lo que esta en rojo
Al realizar este tutorial tendran como resultado algo como lo que enseño a continuacion
Para empezar debemos ir a nuestro blog - plantilla - editar HTML y aquí presionaremos control+f y buscaremos ]]></b:skin> y por arriba de este código pegaremos el siguiente css y guardamos los cambios
Insertar CODE, HTML o PHP:
.fraset{display:inline-block;width:90%;margin:10px;border:1px solid #d1d1d1;padding:20px;overflow:hidden;box-shadow:0 0 1px 1px rgba(230,230,230,1);border-radius:5px;}
.fraset a{display:block;float:right;margin:10px 0 0 0;padding:0 27px 0 0;background:url(https://lh6.googleusercontent.com/-am99nu4f2xI/VShTXVlEoVI/AAAAAAAAAs4/yHeBzcrYA3E/s16-no/twitter-bird.png)no-repeat center right;text-decoration:none;}Para crear nuestra frase tuiteable utilizaremos esta pagina Basic · ClickToTweet.com
En ella simplemente escribiremos nuestro tweet y le damos al botón de generate new link
Ahora nos iremos a la entrada en la cual queremos añadir nuestra frase tuiteable y con la opción de HTML activada pegaremos en donde nosotros queramos nuestra frase tuiteable, el siguiente código
<div class="frase">
Aprende más acerca de las almohadas dakimakura. <a href="http://ctt.ec/kl6g4">Tuitear ésto</a>
</div>
Ustedes editan el tweet que está en azul y luego el enlace que les dio la página de click to tweet que está en rojo, con esto ya tendrán su frase tuiteable como la que les mostré en el principio del tutorial
Al final de la entrada de mi web pueden ver una demo Las Almohadas Dakimakura | Cultura Nippon
En caso de que no quieran utilizar la herramieta de clicktotweet tambien se puede realizar directamente con twitter solo debe usar el siguiente enlace y editar lo que esta en rojo
Insertar CODE, HTML o PHP:
https://twitter.com/intent/tweet?text=[COLOR="#FF0000"]Aquí va la frase + URL DE LA ENTRADA + @Nombre_de_usuario[/COLOR]
Última edición:
