Mostrando entradas con la etiqueta Widget. Mostrar todas las entradas
Mostrando entradas con la etiqueta Widget. Mostrar todas las entradas
lunes, julio 22, 2013
El botón “Follow” es una manera fácil
de dejar un acceso rápido a tus lectores de poder seguirte desde su red social
favorita. Y para agregarla a tu blog, sigue los siguientes pasos.
Primero dirígete a Twitter e inicia sesión, después, en la página
principal encontraras un recuadro al lado izquierdo, y clica en la opción “Recursos”,
tal como lo muestro en la imagen.
Una vez dentro veras una imagen
como la siguiente, y sigue los pasos.
1.
Clica en la opción “Botones”.
2.
Selecciona la opción “Seguir”.
3.
Personaliza el botón a tu gusto y copia el código que aparece en
el cuadro.
Recuerda que el código lo debes
pegar en un gadget “HTML/JavaScript”, para que se visualice en tu blog (si necesitas
ayuda sobre como agregar dicho gadget detallo los pasos en este Post).
sábado, julio 06, 2013
Si no sabes que son o cómo
funcionan las “Paginas” en Blogger te dejo una breve descripción y función (según
descripción de google).
Puedes crear
páginas independientes enlazadas desde pestañas o desde barras laterales de tu
blog. Estas páginas no funcionan igual que la página principal de tu blog. En
otras palabras: es como si cada una de esas páginas solo contuviera una
entrada, mientras que tu página inicial contiene varias entradas y muestra las
más recientes arriba del todo.
Bien, ahora que saben su funcionamiento,
te detallo los pasos para crearlas:
Primero, para añadir páginas a tu
blog, dirígete al escritorio de Blogger, escoge tu blog, selecciona la opción “Paginas”,
y veras una ventana como la siguiente:
Una vez allí puedes crear una página
nueva en el botón desplegable con dicho nombre, tienes la opción de crearla (al
estilo de un nuevo post), o realizar un enlace hacia la dirección que desees (en
caso quieras mover al visitante a otra página web).
Las paginas las puedes mostrar
como pestañas, ó como enlaces en la parte lateral de tu blog. Simplemente
modificando con el botón desplegable (como se muestra en la imagen). NO te
recomiendo modificar esta opción si has agregado
una plantilla personalizada a tu blog que ya incluya un gadget “Paginas”,
ya que puede desaparecer el gadget.
¡Y listo, las paginas en la parte
superior se verán algo como esto (depende de la plantilla que tengas instalada).
Si no te gusta la Navbar que
bloggler incorpora con sus blog, es muy sencillo desactivarlo. Para ello voy a
mostrarte los pasos para hacerlo.
Ingresa al blog (desde el
escritorio de Blogger), en la barra de opciones de la izquierda selecciona la
opción: “Diseño”, en la ventana que se muestra veras el gadget con el nombre
“Barra de navegación”.
Clicas en la opción “Editar”, y
se mostrará una ventana como la siguiente:
Buscas la opción “Desactivada” la
seleccionas y clicas en el botón “Guardar”. ¡Y listo!, con esto ya no se
mostrará la navbar, pero siempre la veras en diseño del blog. Pero si la deseas
eliminar por completo, puedes visitar este tutorial
donde muestro como eliminar
la Navbar por completo.
domingo, junio 16, 2013
Agregar un traductor a tu blog, es
importante si lo que quieres es aumentar las visitas a tu blog ya que permite
que lectores que no hablan tu idioma comprendan lo que escribes de una manera sencilla.
También cierto que dejan algo que desear ya que la traducción no es perfecta,
pero el traductor de Google es el mejor.
Otra de las ventajas que puedo
destacar es que el gadget guarda cookies, esto significa que el lector no
tendrá que traducir nuevamente al visitar tu página, sino que se realiza en automático,
al hacerlo notifica que está traducida (no está en el idioma original), en una
barra en la parte de arriba de tu blog, y si se quiere regresar al idioma
original, basta con dar clic en el botón “Mostrar texto original”.
Para agregarlo, ingresas al
escritorio de Blogger, ingresas a tu blog y escoges la opción, “Diseño” y después
clicas en: “Añadir un gadget”, escoges el que tiene nombre “Traductor” (si ya sé
que es obvio).
Después lo personalizas a tu gusto ¡Y
listo!, tus visitantes no tienen por qué conocer tu idioma para visitarte.
sábado, junio 08, 2013
Te puedes preguntar, ¿Por qué ocultar los gadget a los
visitantes? Bien pues puedo responder a esa pregunta, como por ejemplo, estas
agregando un nuevo gadget a tu blog, pero te gustaría modificarlo un poco, y no
te gustaría que los visitantes lo vean mientras no está terminado, ó también por
ejemplo ocultar un contador de visitas si no quieres que lo vean.
Lo expandes y pegas: <span class='item-control blog-admin'>
Justo después de: <b:includable id='main'>
Y ahora pegas este código: </span>
Justo antes de: </b:includable>
A continuación te nuestros los pasos para realizarlo. Ingresa
al escritorio de tu blog, en la sección “Plantilla”, clica en el botón: “Editar
HTML”. Una vez dentro de dicha venta busca tu gadget, puedes utilizar el botón desplegable
“Ir al widget”, o simplemente desplazarte hacia abajo, y encontrarás una sección
donde los gadget están contraídos, tal como se ve en la imagen:
Justo después de: <b:includable id='main'>
Y ahora pegas este código: </span>
Justo antes de: </b:includable>
Te dejo el código de un gadget como ejemplo:
<b:widget id='HTML1' locked='false'
title='Visitas' type='HTML'>
<b:includable id='main'>
<span
class='item-control blog-admin'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title !=
""'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>
<div
class='widget-content'>
<data:content/>
</div>
<b:include
name='quickedit'/>
</span>
</b:includable>
</b:widget>
¡Y listo! Ahora solamente
tú el administrador lo puedes ver.
domingo, junio 02, 2013
Para los que no sabían que es un
FanBox, es un gadget en el cual los visitantes de tu blog, pueden hacerse
seguidores sin la necesidad de salir de tu blog, y además muestra los últimos
10 avatares de los visitantes que te han seguido.
Agregar dicho gadget es realmente
sencillo, para ello ingresa al escritorio de Blogger, selecciona la opción
“Diseño”, dentro de la ventana selecciona la opción: “Añadir un gadget”, y
buscas el llamado: “HTML/Javascript”.
Ahora ingresa el siguiente
código:
<div id="twitter-box"></div>
<script>
var tw_user = ' Agrega tu usuario';
var tw_width = 300; /* Ancho del gadget */
var tw_height = 260; /* Alto del gadget */
var no_face = 10; /* Número de seguidores que deseas
mostrar */
var tw_color='light';
(function() {
var tw_box = document.createElement('script');
tw_box.type = 'text/javascript'; tw_box.async = true;
tw_box.src = 'http://areaticnet.p.ht/scripts/twitter.js';
(document.getElementsByTagName('head')[0] ||
document.getElementsByTagName('body')[0]).appendChild(tw_box);
})();
</script>
Ya solo te falta cambiar donde
dice “Agrega tu usuario”,
por tu usuario de Twitter (No olvides quitar la @) y modificar el tamaño del
gadget a tu gusto.
¡Y listo! Ya tienes tu FanBox
añadido a tu Blogger.
--------------------------------------------------------------------------------------------------------------
Abajo encontrarás los códigos que
funcionaban anteriormente, los dejo como históricos de este post, solamente con
el fin de que los puedas conocer.
·
Plugin desarrollado por Mopz
<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("Agrega tu usuario");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 290px !important; /* Ancho del gadget */
height: 250px !important; /* Alto del gadget */
}
</style>
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("Agrega tu usuario");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 290px !important; /* Ancho del gadget */
height: 250px !important; /* Alto del gadget */
}
</style>
Ya solo te falta cambiar donde
dice “Agrega tu usuario”,
por tu usuario de Twitter (No olvides quitar la @) y modificar el tamaño del
gadget a tu gusto.
¡Y listo! Ya tienes tu FanBox
añadido a tu Blogger.
·
Plugin desarrollado por MatiasMX
<div id="fanbox">
<div
id="twitter-box"></div>
<script>
var
tw_user = 'Nombre_de_ Usuario';
var
tw_width = 290;
var
tw_height = 250;
var
no_face = 10;
//
var tw_color='dark';
(function() {
var tw_box = document.createElement('script'); tw_box.type =
'text/javascript'; tw_box.async = true;
tw_box.src = '//www.musicpaax.com/twitter/tw.js';
(document.getElementsByTagName('head')[0] ||
document.getElementsByTagName('body')[0]).appendChild(tw_box);
})();
</script>
</div>
Tomar en cuenta que se mostrará
correctamente (con tu usuario) el gadget, después de darle permiso a la
aplicación (clic aquí) desde Twitter.
NOTA: El día de hoy 22/07/13, ya no se
muestra la fanbox, ya que “Matias30302000” explica en su página que el servidor
está saturado, por lo que solamente se visualiza el Botón “seguir” de twitter,
tal como adjunto en la imagen.
Por lo tanto en mi página he decido dejar
solamente el Botón “seguir” de twitter, y si tu deseas agregarlo y necesitas
instrucciones te dejo el link a este post
donde detallo los pasos para agregarlo. Y estaré buscando en internet otra
alternativa y en cuanto la encuentre la postearé aquí.
Suscribirse a:
Entradas
(
Atom
)
















