Cómo tener un gadget de Wattpad en tu blog (Tutorial)
Hasta hace unos meses Wattpad te permitía tener un gadget como el de la imagen de arriba en tu blog. Sin embargo, por razones que desconozco, actualmente ya no nos aparece dicha opción en Wattpad.
Las personas que se han hecho una nueva cuenta ni siquiera se enterarán de este wigdet. No obstante, aquí les traigo un tutorial de cómo colocar este simpático cuadrito de Wattpad en tu blog.
Este tutorial está pensado para un blog alojado en blogspot. Pero, supongo que si hay la opción de manejar lenguaje "html" en un blog alojado en wordpress, los resultados serán los mismos.
1. Cuando entras a blogger en blogpost te sale una ventana como ésta
Este tutorial está pensado para un blog alojado en blogspot. Pero, supongo que si hay la opción de manejar lenguaje "html" en un blog alojado en wordpress, los resultados serán los mismos.
1. Cuando entras a blogger en blogpost te sale una ventana como ésta
Aquí deberás hacerle click en la opción de "Diseño", tal como lo indica el círculo rojo de la imagen inferior.
2. Al hacerle click en "Diseño", te saldrá el siguiente menú
En este menú, deberás hacer click en "Añadir un Garget", tal como te indica la flecha y el círculo rojo.
Fíjate bien que estés en la opción "Lo básico". Posteriormente, Al bajar el cursor de la ventana, te saldrá la opción HTML, tal como se aprecia en la imagen, en el recuadro rojo.
Le haces clicken el botoncito de "+", tal como lo indica en el cuadrito rojo de la imagen
4. Al hacerle click en ese ícono, te saldrá la siguiente ventana
En este menú, deberás hacer click en "Añadir un Garget", tal como te indica la flecha y el círculo rojo.
3. Al hacerle click a ese enlace, te saldrá la siguiente ventana:
Fíjate bien que estés en la opción "Lo básico". Posteriormente, Al bajar el cursor de la ventana, te saldrá la opción HTML, tal como se aprecia en la imagen, en el recuadro rojo.
Le haces clicken el botoncito de "+", tal como lo indica en el cuadrito rojo de la imagen
En la opción de "Título", puedes escribir lo que mejor te parece. Mayormente sugiero que se ponga "Wattpad", pero si decides dejar ese casillero en blanco, tampoco pasará nada.
6.- Luego, nos fijaremos en la opción de contenido, tal como se indica en la imagen
6.- Luego, nos fijaremos en la opción de contenido, tal como se indica en la imagen
Aquí, he hecho una captura de pantalla del lenguaje HTML que he introducido en mi blog para que me aparezca el gadget en mi blog.
El lenguaje HTML que deberás introducir tú para que salga en tu blog, es el siguiente
7.- Luego de eso, deberás hacerle click al botón "Guardar", tal como se indica en el círculo rojo de la imagen.
<script type="text/javascript">var wp_user="NombredeUsuario";var wp_size=0;</script><script type="text/javascript" src="http://www.wattpad.com/widget/lib.js"></script>
Por ejemplo, si tu cuenta de usuario es "Fulanito", pues el código HTML que deberás introducir en tu blog es el siguiente:
<script type="text/javascript">var wp_user="Fulanito";var wp_size=0;</script><script type="text/javascript" src="http://www.wattpad.com/widget/lib.js"></script>
7.- Luego de eso, deberás hacerle click al botón "Guardar", tal como se indica en el círculo rojo de la imagen.
8.- Una vez que le hayas dado click a "Guardar", volverás al menú de antes.
Para que se graben los cambios introducidos, deberás hacerle click al botón de "Guardar disposición", tal como se indica en el círculo rojo de la imagen inferior
9.- Y ya está. Cuando vayas a tu blog, deberá aparecerte el cuadrito de Wattpad en tu blog, tal como lo puedes ver en el mío
Nota aparte: tú puedes acomodar los gagdets en tu blog, en la opción de "Diseño", a tu libre elección. Sólo debes de arrastrarlos arriba y abajo de cada uno y, posteriormente, darle click en "Guardar Disposición", tal como se indicó en el punto 8.
Por cuestiones de espacio algunas imágenes aparecen pequeñas, pero si quieres visualizarlas mejor, puedes hacer doble click sobre ellas.
Espero que este tutorial sea de su ayuda. Cualquier consulta sobre éste, pueden hacérmela saber en un comentario y yo les responderé.
¡Hasta pronto!
Hola, bueno! Muchísimas gracias por el tutorial. También tenía esa duda... quisiera pedirte un favor, espero no abusar de la confianza ni molestarte xD. Pero, ¿podrías poner el código de HTML en un comentario? La cuestión es que el blog no permite copiar ni seleccionarlo, e intentando copiarlo fue un desastre, no me lo agarra. En fin, muchas, muchas gracias! :)
ResponderEliminarTe dejaré el mensaje en tu tablero de mensajes de Wattpad.
EliminarEs un tutorial muy sencillito, me gusta cómo explicas :)
ResponderEliminarP.D: Desactiva la verificación de palabras, plis ^^
Me alegro que te haya gustado. En cuanto a la verificación de palabras, lo buscaré para configurarlo.
EliminarAhora que me voy a poner a publicar en Wattpad en serio, he vuelto para buscar este tutorial xDDD
EliminarUn beso.
Muy interesante, aunque a mí no me funcionó... Una lástima.
ResponderEliminarQuizá hayas tenido un problema al copiar el código porque mi blog tiene protección. De todos modos, si deseas te paso por privado en wattpad el código html que debes usar para tu usuario en tu blog y así lo puedas agregar. Cualquier cosa me dices.
Eliminarhola, me gusta como explicas pero segui todos los pasos y no me aparece nada
ResponderEliminar¿Has intentado con reemplazar en el código "Fulanito" por tu nombre de usuario?
Eliminarsi y lo volví a hacer repitiendo todo de vuelta pero igual no me aparece nada
Eliminar¡Muchas gracias! Muy útil y muy claro, genial que lo compartieras .^^
ResponderEliminarHola me encanta el blog :)
ResponderEliminarA mi también me gustaría tener el código me lo podrías pasar por wattpad plis?
Buscando como poner el dichoso boton, he llegado a tu blog.
ResponderEliminarHe abierto blog, y hay cosas en las que ya pierdo la paciencia jajajaja
Gracias por el tutorial.
Te sigo