"Estimado visitante... He querido compartir contigo en este blog, lo que para mi en alguna ocasión me ha sido muy útil. A todos los bloggers que han contribuido a enriquecer mi experiencia y conocimiento como blogger, "muchas gracias"

Problemas con los comentarios de blogger

Ha habido algunos problemas en ciertas plantillas que parecen haber copiado y pegado los códigos para agregar el formulario de comentarios incrustado debajo de los posts; no tienen errores de sintaxis, Blogger los acepta pero, aún así no funciona y lo que siguen viendo debajo de los comentarios es un enlace que suele decir Publicar un comentario en la entrada pero no aparece el formulario de envío.

Si se fijan, ese enlace apunta a:
http://nombreBlog.blogspot.com/XXXX/XX/tituloPost.html#comment-form


Por lo que he visto después de varias consultas, esto, se debe a que el segundo código está mal ubicado ya que la explicación decía busquen:
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</p>
y lo reemplazan por el contenido de este archivo de texto 

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>
</p>

El problema es que no todas las plantillas poseen la misma estructura y que el dato importante a buscar es este:
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
Si buscan sólo esa línea, es probable que encuentren dos iguales pero ubicadas en sectores diferentes. Una se encuentra en:
<b:includable id='backlinks' var='post'>
la otra en:
<b:includable id='comments' var='post'>
La primera es para los backlinks y la segunda para los comentarios; el que debemos cambiar es el segundo y no siempre está entre las etiquetas <p class='comment-footer'> y </p>, puede estar entre etiquetas <div class='comment-footer'> y </div> o etiquetas <hx class='comment-footer'> y</hx>; puede tener otro nombre de clase, realmente, pueden haber muchas variantes y es difícl enumerarlas todas.

Si ya hicieron los cambios y ven el enlace al que me refiero y no ven el formulario incrustado, lo más probable es que ese segundo código esté en en sector de backlinks y no en el sector decomments. Así que, lo que debe hacerse es cambiarlo de lugar, restaurar el que cambiaron y buscar el otro que es el que debe cambiar.

En resumen, ese segundo código es el que MUESTRA el formulario y ese DEBE estar dentro de<b:includable id='comments' var='post'>

http://vagabundia.blogspot.com/2008/06/solucin-para-algunos-problemas-al.html 

Read more...

Archivos pdf incrustados en el blog


Para mostrar archivos pdf iscrustados en tu blog solo necesitas copiar el siguiente código y hacer las siguientes modificaciones:








<iframe src="http://docs.google.com/gview?url=http://www.essalud.gob.pe/oporlaboral/ayacucho2013002cas.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>


  1. Copiar el código 
  2. Pegar el código en tu post clicando en la pestaña HTML.
  3. Presionar Ctrl + F para busscar y pegar la url del archivo pdf que quieres mostrar en tu blog.
  4. En el cuadro que te aparece pegar sin comillas "http://docs.google.com/gview?url=http://www.essalud.gob.pe/oporlaboral/ayacucho2013002cas.pdf"  (es la url del pdf que se muestra en el ejemplo), luego reemplezar esta url por la url de tu archivo pdf.
  5. Si quieres cambiar el tamaño de lo incrustado buscar  "height: 500px; width: 600px;"  y  cambiar los valores 500px ó 600px. 

Ejemplo


parablogger.info/2013/03/archivos-pdf-incrustado-en-tu-blog.html


Read more...

Cómo reducir la carga del Blog

Por Diego Andres
Personalizar el blog y llenarlo de widgets es algo que a muchos les gusta hacer. Pero pocos saben la importancia de la carga del blog. 

Google hace tiempos se esta fijando en el el tiempo que dura tu pagina en cargar, lo cual acarreara una subida o bajada de ranking. Ademas de esto, al optimizar y reducir el tiempo de carga, se evita el abandono de los usuarios visitantes, y mejora la experiencia de navegación.

Algo muy frecuente, es cuando utilizamos plantillas externas a las ofrecidas por blogger. 

Cuando tu blog carga; el navegador tiene que conectar a todos los servidores que conectan a las imágenes, scripts y demás .., como resultado conduce a un retraso enorme en el tiempo de carga de tu blog. Lo que debes hacer es reemplazar todas las imágenes o scripts que se alojan en otros servidores externos a blogger por imágenes y scripts alojados en blogger.

La ventaja de hacerlo sera que el navegador tendrá que conectar sólo a blogger. Así se ahorrara tiempo. 

Puedes utilizar herramientas como Google Page Speed o Pingdom Tools, para medir el tiempo de carga y conocer que problemas debes solucionar. 

Te dejare una serie de consejos que pueden ayudar a minimizar la carga de tu pagina. 
Optimiza las imágenes

Utiliza imagenes en formato .PNG o .GIF ya que estas tiene una reducción del 25% aproximadamente comparadas con el formato .JPG a la hora de cargar. 

Ademas recuerda usar un editor de imágenes para recortarlas y reducir su tamaño antes de subirlas a blogger. 
Guarda todos los JavaScript en Blogger

No necesitas guardar los JavaScript en otro lugar pudiéndolo hacer en blogger. Simplemente utiliza este código:
<script type='text/javascript'>
/ / <! [CDATA [
Pega el código JavaScript aquí
/ /]]>
</ Script>
Para encontrar los códigos JavaScript, en tu plantilla, con artilugios expandidos busca por <script type='text/javascript'> o también por la terminación .JS.

Encuentra aquellos que se alojan en almacenamientos externos, ve a link y copia todo el código que allí se ve para luego pegarlo en el dentro del código que te mostré anteriormente.

Opta por plantillas de calidadUna error muy común es cargar a blogger la primera plantilla que parece atractiva.
Muchas de las plantillas que se ofrecen en la blogosfera son hechas por personas no oficiales o con poco conocimiento en el uso adecuado de HTML y JavaScript.

Una plantilla con errores es trabajo duro para los buscadores y los lectores.
Mi recomendación es que uses plantillas creadas por personas recomendadas y/o profesionales.

Usa pocos anuncios publicitariosMucho quieren obtener grandes pagos por publicidad, y entonces rellenan el blog con molestos anuncios y pop-ups.

Esto crea una mala reputación, y deteriora la experiencia del lector, ademas de reducir la carga del blog puesto que estos anuncios utilizan JavaScript.

Asegúrate de no tener mas de 3 anuncios, y mantener una apariencia limpia y accesible.

Resume las entradas con un "Leer mas..."Utiliza esta buena herramienta para resumir las entradas en la portada del blog.

No muestres mas de 7 entradas resumidas en la pagina principal

Evita visualizar flash en tu blogEl contenido de Flash aumenta significativamente el tiempo de carga de tu blog. Evitar el flash y plugins relacionados pueden añadir eficiencia de su sitio. Los Flash son también conocidos como malos para SEO.

En conclusión, estos son algunos simples consejos para aumentar la velocidad de carga de tu blog.

Seguramente hay mas tips en cuanto a este tema. Si conoces algunos puedes comentarlo

terrenoblogger.co/2013/04/como-reducir-la-carga-del-blog.html

Read more...

10 Maneras de Aumentar el Tráfico hacia tu Blog

Por Diego Andres
En estos tiempos hay miles de blogs en la red. Todo el mundo compite por sus lectores, y cada vez mas crece el numero en la competencia. Es muy fácil crear un blog, lo difícil es que sea un éxito!

Hacer que la gente venga a tu blog es trabajo de largo tiempo. No creas que por leer un libro o esta entrada, ya estarás recibiendo visitas mágicamente No, no... para que esto funcione hay que actuar. Pero lo que si te aseguro es que si lees este articulo, el tiempo que te llevara en aprender sera corto. 

A continuación te dejare algunas formas para aumentar el trafico hacia tu blog.

1. Dirígete hacia la gente que Comparte.
Compartir todo el contenido manualmente es imposible, por eso debes dirigirte hacia aquellas personas que les gusta compartir lo que han leído.
Para lograr esto, debes crear articulos que ameriten a ser compartidos. Crea contenido atrayente y de calidad. Por ejemplo es mas fácil que se comparta un articulo llamado "Tsunami en Nueva York" que uno titulado "Grandes olas en el mar". Bueno, tal vez exageré. 
Hay publico que comparte, como también hay otro que no le interesa compartir. Y ademas de estos esta la competencia, esos son los otros bloggers que son muy activos y comparten mas que cualquiera. 
Si no diriges tu contenido hacia el tipo de personas que lo comparten, probablemente estes perdiendo mucho. 

2. Usa los Motores de Búsqueda para atraer gente.

Utiliza técnicas SEO (Posicionamiento en motores de búsqueda). El SEO es inmensamente útil si sabes utilizarlo. 

Con esto pondrás tu blog en los primeros ranks de Google. Busca palabras clave referentes a tu temática y logra posicionarlas en las primeras lineas de resultados.


3. Utiliza Google Analytics
Instala esta grandiosa herramienta que te dará un completo informe detallado sobre las fallas y puntos fuertes de tu blog. Te permite conocer tu blog profundamente, la inclinación según el país y la palabra clave. Con esto sabrás que debes corregir y que debes potenciar. Google Analytics tiene numerosas utilidades con las cuales examinar tu blog a fondo. 
Si sabes como usarlas, optimizaras tu blog y recibirás visitas.

4. Utiliza palabras clave (Keywords) después de una investigación adecuada
Debes apuntar a las palabras que se utilizan mayormente cuando los usuarios buscan en Google. Para conocer, examinar y encontrar palabras clave utiliza Google AdWords


Ahora ingresas la palabra relacionada con tu nicho, y AdWords te mostrara la competencia y busquedas globales y locales que esta tiene.

5. Únete a Redes Sociales y Comunidades
Debes compartir tus artículos en las redes sociales, esto es algo muy importante y necesario para obtener trafico. Ademas de esto, únete a comunidades referentes a tu temática y participa activamente en ella con sus miembros.
Cuando aportas algo de valor, tu reputación crece y las personas recuerdan y con gusto visitaran tu sitio de nuevo.
Sitios como Facebook, Google+ y Twitter tienen millones de usuarios. Compartir tus mensajes en estos sitios que fácilmente se propagan.
Algunas utilidades que te ayudaran:

6. Optimiza el Diseño de tu Sitio
Personaliza tu sitio para que sea agradable al lector. Has que lector guste en leer tu pagina web y que sea completamente accesible.
Las plantillas predeterminadas son a veces poco atractivos, asi que seria bueno utilizar temas creados con estilo.
Te recomiendo buscar plantillas aquí: Premium Blogger Templates

7. Links en Medio de los Post
Has referencia entre tus artículos Pon un enlace en tu entrada que dirija a un tema complementario al articulo, es es muy útil, ya que a las personas les gusta las referencias.
Con esto obtendrás que el usuario pueda navegar mucho mas tiempo y explorar tu contenido. 
Para conocer detalles en cuanto a este consejo, dirígete a Google Alerts y el te puede ayudar.

8. Interactuar con otros Blogs
Comentar en otros blogs hará que consigas visitas, esto solo si aportas calidad en tu comentario.
Busca un buen sitio en donde hacer comentarios y da tu aporte allí. Esto atreará visitas.
Usa un buen nombre de usuario, y debes hacer que no se note, que solo comentas por buscar visitas.

9. Suscripción por Email.
Algo muy importante. 
Muchos de los visitantes querrán recibir tus actualizaciónes en su correo, mucho otros olvidaran el nombre de tu dominio. Por eso debes asegurarte de que pueda agregarse a tu lista de emails.
Para activar una suscripción por correo electrónico. Dirígete a FeedBurner

10. Estar atentos ante la competencia.
Mantente informado sobre los movimientos de tu competencia. Revisa frecuentemente sus publicaciones y nuevas herramientas implantadas. 
Ten como objetivo ser el mejor en lo que haces, se original y trabaja con calidad. No permitas que otros puedan superarte, y si ya lo hicieron, logra subir a su nivel y mantenerte allí.
Se que hay mas consejos, pero para comenzar seria bueno que aplicaras estos.
Por ultimo, trabaja duro y constantemente. Solo con perseverancia lograras el éxito. Y recuerda que toda persona exitosa, también fue principiante.

terrenoblogger.co/2013/04/10-maneras-de-aumentar-el-trafico-hacia-tu-blog.html

Read more...

Botones de Redes Sociales con Efecto Expansible

Por Diego Andres

botones, facebook, twitter, google plus, feed, pinterest
Navegando en la red encontré estos botones que me han parecido muy llamativos, realmente son atractivos y pueden verse bien en cualquier blog.

Estos botones no utilizan ningún script, ni javascript, ni jquery; están hechos en CSS3 y sencillamente se pueden modificar.

Traen un efecto hover expansible, lo que hará que al pasar el cursor se despliegue el botón hacia la derecha. Al mismo tiempo, viene con las principales redes sociales y la suscripción por email.

Este widget es uno de los mas necesarios en cualquier pagina, puesto que no se pueden dejar a un lado las redes sociales que tanto bien nos hacen al aumentar el trafico hacia nuestro sitio.

Obtén la vista previa aquí mismo: http://www.terrenoblogger.co/2013/05/Botones-Redes-Sociales-Efecto-Expansible.html
La instalación es sencilla; para esto ve a Blogger.com - Diseño - Añadir un gadget - HTML/javascript y pega allí el siguiente código:
<style>
#tbsose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#tbsose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#tbsose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#tbsose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRkpwyDOMwSPFGsgbD-w4pahF6YmdMSw-voVTIbbrSyK2Im8rhfDdO21PaKbFYL8qqhafUDSaTdTvrYn0VI4IOYJnGI17rLsnPbmgmaYX_r8l0XdrJUp-c0Ce9nSFJh_toOpngW6m1q3k/s800/sprites.png) no-repeat;  background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;  box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap;  line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbsose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt);  line-height:32px;}
#tbsose .icon{overflow:hidden; color:#fafafa;}
#tbsose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#tbsose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#tbsose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#tbsose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#tbsose .rss{ width:32px;  height:32px;  background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#tbsose li:hover .icon, 
.touch #tbsose li .icon{width:210px;}
.touch #tbsose li .facebook, #tbsose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbsose li .twitter, #tbsose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbsose li .googleplus, #tbsose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbsose li .pinterest, #tbsose li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #tbsose li .rss, #tbsose li:hover .rss{background-color:rgba(255,102,0,1);}
</style>

<ul id="tbsose">
<li data-alt="Síguenos en Facebook"><a class="icon facebook" href="http://www.facebook.com/USUARIO-FACEBOOK" target='_blank'>Síguenos en Facebook</a></li>
<li data-alt="Síguenos en Twitter"><a class="icon twitter" href="http://www.twitter.com/USUARIO-TWITTER">Síguenos en Twitter</a></li>
<li data-alt="Síguenos en Google+"><a class="icon googleplus" href="https://plus.google.com/ID-GOOGLE+" target='_blank'>Síguenos en Google+</a></li>
<li data-alt="Síguenos en Pinterest"><a class="icon pinterest" href="http://pinterest.com/USUARIO-PINTEREST" target='_blank'>Síguenos en Pinterest</a></li>
<li data-alt="Suscribete vía Email"><a class="icon rss" href="http://feedburner.google.com/fb/a/mailverify?uri=USUARIO-FEEDBURNER" target='_blank'>Suscribete vía Email</a></li>
</ul>

Ahora sencillamente has de reemplazar cada una de las frases resaltadas en color verde por cada una de tus cuentas en las redes sociales y feedburner respectivamente.

Para conocer el usuario en las redes sociales, vas a cada una de tus cuentas y en la URL de la barra de direcciones se mostrara el nombre de usuario.

Para saber el usuario de feedburner, te diriges a http://feedburner.google.com/. Elige tu feed y das un clic en "Edit Feed Details…" (Esta bajo el titulo de tu feed). Ahora en "Feed Address:" dentro un recuadro esta el Usuario de tu Feedburner

Con esto ya tendrás configurado e instalado este Gadget.

terrenoblogger.co/2013/05/Botones-Redes-Sociales-Efecto-Expansible.html

Read more...

10 Maneras de Aumentar el Tráfico hacia tu Blog

Por Diego Andres
En estos tiempos hay miles de blogs en la red. Todo el mundo compite por sus lectores, y cada vez mas crece el numero en la competencia. Es muy fácil crear un blog, lo difícil es que sea un éxito!

Hacer que la gente venga a tu blog es trabajo de largo tiempo. No creas que por leer un libro o esta entrada, ya estarás recibiendo visitas mágicamente No, no... para que esto funcione hay que actuar. Pero lo que si te aseguro es que si lees este articulo, el tiempo que te llevara en aprender sera corto. 

A continuación te dejare algunas formas para aumentar el trafico hacia tu blog.

1. Dirígete hacia la gente que Comparte.
Compartir todo el contenido manualmente es imposible, por eso debes dirigirte hacia aquellas personas que les gusta compartir lo que han leído.
Para lograr esto, debes crear articulos que ameriten a ser compartidos. Crea contenido atrayente y de calidad. Por ejemplo es mas fácil que se comparta un articulo llamado "Tsunami en Nueva York" que uno titulado "Grandes olas en el mar". Bueno, tal vez exageré. 
Hay publico que comparte, como también hay otro que no le interesa compartir. Y ademas de estos esta la competencia, esos son los otros bloggers que son muy activos y comparten mas que cualquiera. 
Si no diriges tu contenido hacia el tipo de personas que lo comparten, probablemente estes perdiendo mucho. 

2. Usa los Motores de Búsqueda para atraer gente.

Utiliza técnicas SEO (Posicionamiento en motores de búsqueda). El SEO es inmensamente útil si sabes utilizarlo. 

Con esto pondrás tu blog en los primeros ranks de Google. Busca palabras clave referentes a tu temática y logra posicionarlas en las primeras lineas de resultados.


3. Utiliza Google Analytics
Instala esta grandiosa herramienta que te dará un completo informe detallado sobre las fallas y puntos fuertes de tu blog. Te permite conocer tu blog profundamente, la inclinación según el país y la palabra clave. Con esto sabrás que debes corregir y que debes potenciar. Google Analytics tiene numerosas utilidades con las cuales examinar tu blog a fondo. 
Si sabes como usarlas, optimizaras tu blog y recibirás visitas.

4. Utiliza palabras clave (Keywords) después de una investigación adecuada
Debes apuntar a las palabras que se utilizan mayormente cuando los usuarios buscan en Google. Para conocer, examinar y encontrar palabras clave utiliza Google AdWords


Ahora ingresas la palabra relacionada con tu nicho, y AdWords te mostrara la competencia y busquedas globales y locales que esta tiene.

5. Únete a Redes Sociales y Comunidades
Debes compartir tus artículos en las redes sociales, esto es algo muy importante y necesario para obtener trafico. Ademas de esto, únete a comunidades referentes a tu temática y participa activamente en ella con sus miembros.
Cuando aportas algo de valor, tu reputación crece y las personas recuerdan y con gusto visitaran tu sitio de nuevo.
Sitios como Facebook, Google+ y Twitter tienen millones de usuarios. Compartir tus mensajes en estos sitios que fácilmente se propagan.
Algunas utilidades que te ayudaran:

6. Optimiza el Diseño de tu Sitio
Personaliza tu sitio para que sea agradable al lector. Has que lector guste en leer tu pagina web y que sea completamente accesible.
Las plantillas predeterminadas son a veces poco atractivos, asi que seria bueno utilizar temas creados con estilo.
Te recomiendo buscar plantillas aquí: Premium Blogger Templates

7. Links en Medio de los Post
Has referencia entre tus artículos Pon un enlace en tu entrada que dirija a un tema complementario al articulo, es es muy útil, ya que a las personas les gusta las referencias.
Con esto obtendrás que el usuario pueda navegar mucho mas tiempo y explorar tu contenido. 
Para conocer detalles en cuanto a este consejo, dirígete a Google Alerts y el te puede ayudar.

8. Interactuar con otros Blogs
Comentar en otros blogs hará que consigas visitas, esto solo si aportas calidad en tu comentario.
Busca un buen sitio en donde hacer comentarios y da tu aporte allí. Esto atreará visitas.
Usa un buen nombre de usuario, y debes hacer que no se note, que solo comentas por buscar visitas.

9. Suscripción por Email.
Algo muy importante. 
Muchos de los visitantes querrán recibir tus actualizaciónes en su correo, mucho otros olvidaran el nombre de tu dominio. Por eso debes asegurarte de que pueda agregarse a tu lista de emails.
Para activar una suscripción por correo electrónico. Dirígete a FeedBurner

10. Estar atentos ante la competencia.
Mantente informado sobre los movimientos de tu competencia. Revisa frecuentemente sus publicaciones y nuevas herramientas implantadas. 
Ten como objetivo ser el mejor en lo que haces, se original y trabaja con calidad. No permitas que otros puedan superarte, y si ya lo hicieron, logra subir a su nivel y mantenerte allí.
Se que hay mas consejos, pero para comenzar seria bueno que aplicaras estos.
Por ultimo, trabaja duro y constantemente. Solo con perseverancia lograras el éxito. Y recuerda que toda persona exitosa, también fue principiante.

terrenoblogger.co/2013/04/10-maneras-de-aumentar-el-trafico-hacia-tu-blog.html

Read more...

Botones de Redes Sociales con Efecto Expansible

Por Diego Andres

botones, facebook, twitter, google plus, feed, pinterest
Navegando en la red encontré estos botones que me han parecido muy llamativos, realmente son atractivos y pueden verse bien en cualquier blog.

Estos botones no utilizan ningún script, ni javascript, ni jquery; están hechos en CSS3 y sencillamente se pueden modificar.

Traen un efecto hover expansible, lo que hará que al pasar el cursor se despliegue el botón hacia la derecha. Al mismo tiempo, viene con las principales redes sociales y la suscripción por email.

Este widget es uno de los mas necesarios en cualquier pagina, puesto que no se pueden dejar a un lado las redes sociales que tanto bien nos hacen al aumentar el trafico hacia nuestro sitio.

Obtén la vista previa aquí mismo: http://www.terrenoblogger.co/2013/05/Botones-Redes-Sociales-Efecto-Expansible.html
La instalación es sencilla; para esto ve a Blogger.com - Diseño - Añadir un gadget - HTML/javascript y pega allí el siguiente código:
<style>
#tbsose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#tbsose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#tbsose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#tbsose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRkpwyDOMwSPFGsgbD-w4pahF6YmdMSw-voVTIbbrSyK2Im8rhfDdO21PaKbFYL8qqhafUDSaTdTvrYn0VI4IOYJnGI17rLsnPbmgmaYX_r8l0XdrJUp-c0Ce9nSFJh_toOpngW6m1q3k/s800/sprites.png) no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbsose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
#tbsose .icon{overflow:hidden; color:#fafafa;}
#tbsose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#tbsose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#tbsose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#tbsose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#tbsose .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#tbsose li:hover .icon,
.touch #tbsose li .icon{width:210px;}
.touch #tbsose li .facebook, #tbsose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbsose li .twitter, #tbsose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbsose li .googleplus, #tbsose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbsose li .pinterest, #tbsose li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #tbsose li .rss, #tbsose li:hover .rss{background-color:rgba(255,102,0,1);}
</style>

<ul id="tbsose">
<li data-alt="Síguenos en Facebook"><a class="icon facebook" href="http://www.facebook.com/USUARIO-FACEBOOK" target='_blank'>Síguenos en Facebook</a></li>
<li data-alt="Síguenos en Twitter"><a class="icon twitter" href="http://www.twitter.com/USUARIO-TWITTER">Síguenos en Twitter</a></li>
<li data-alt="Síguenos en Google+"><a class="icon googleplus" href="https://plus.google.com/ID-GOOGLE+" target='_blank'>Síguenos en Google+</a></li>
<li data-alt="Síguenos en Pinterest"><a class="icon pinterest" href="http://pinterest.com/USUARIO-PINTEREST" target='_blank'>Síguenos en Pinterest</a></li>
<li data-alt="Suscribete vía Email"><a class="icon rss" href="http://feedburner.google.com/fb/a/mailverify?uri=USUARIO-FEEDBURNER" target='_blank'>Suscribete vía Email</a></li>
</ul>

Ahora sencillamente has de reemplazar cada una de las frases resaltadas en color verde por cada una de tus cuentas en las redes sociales y feedburner respectivamente.

Para conocer el usuario en las redes sociales, vas a cada una de tus cuentas y en la URL de la barra de direcciones se mostrara el nombre de usuario.

Para saber el usuario de feedburner, te diriges a http://feedburner.google.com/. Elige tu feed y das un clic en "Edit Feed Details…" (Esta bajo el titulo de tu feed). Ahora en "Feed Address:" dentro un recuadro esta el Usuario de tu Feedburner

Con esto ya tendrás configurado e instalado este Gadget.

terrenoblogger.co/2013/05/Botones-Redes-Sociales-Efecto-Expansible.html

Read more...

Integrar Google Calendar en Blogger

Qué es Google Calendar

Integrando Blogger y Google Calendar
Blogger y Google Calendar
Tal y como su nombre indica, Google Calendar te permitirá gestionar múltiples calendarios, estos quedarán vinculado a tu cuenta de Google. Una de las cosas que lo hace único es la capacidad para incrustar toda esta información en sitios web/blogs, con lo que podrías compartir con tus clientes/seguidores los eventos (cursos, presentaciones, ferias, etc) de tu empresa/actividad en tu propio blog.

Para que te sitúes, Google Calendar equivale por ejemplo Microsoft Outlook (la parte de calendario) o a iCal de Apple, con la gran diferencia que Google Calendar es un servicio web y por lo tanto accesible desde cualquier lugar y en cualquier momento, sin necesidad de tener que instalar nada, simplemente usando un navegador web.

Ejemplo de integración entre Blogger y Google Calendar

Imagina ahora el caso de un blog asociado a un club deportivo, éste podría contener una sección de torneos donde poder ver los próximos eventos, de estas forma sus socios/seguidores estarán siempre informados. Otro ejemplo puede ser los blogs de docencia donde puedes usar el calendario para informar a los alumnos y/o padres de los diferentes eventos del centro. Extrapola estos ejemplos a tus necesidades concretas por el fin de que puedas adaptarlo a tu caso particular.

Qué características están asociadas a un calendario de Google Calendar
Simplemente y a título informativo, te detallo aquellas características que podremos asociar a un calendario.

El nombre y descripción. 
La ubicación y la zona horaria. Importante para localizar el calendario y mostrar los cambios horarios si éste se visualiza desde otra zona. 
Calendario publico o privado. En ejemplo de calendario publico es por ejemplo los días festivos nacionales. 
Compartir el calendario con otra persona, además puedes especificar si ésta ve los detalles o solo los huecos ocupados y libres entre otras opciones. 

Qué son los recordatorios

Cuando añades un evento a tu calendario y le indicas la fecha y hora de comienzo/fin, además puedes especificar que quieres que te envíe un recordatorio bien a través de correo electrónico o bien a través de un SMS a tu teléfono móvil, previo a haberlo validado mediante un código.

Tutorial práctico, integrando Blogger y Google Calendar

Llegados a este punto, vamos a poner en práctica este tutorial. Para ello te propongo hacer todo el ejercicio completo, desde crear un nuevo calendario hasta integrarlo en Blogger.

Paso 1. Crear un calendario en Google Calendar
Sigue estos pasos para crear tu primer calendario, piensa que será el que usarás para luego insertar en tu blog.
  1. Accede a Google Calendar
  2. En el panel de la izquierda, donde pone Mis calendario, haz clic el icono flecha abajo 
  3. En el menú que se muestra, haz clic en Crear nuevo calendario 
  4. Se abrirá una nueva ventana donde deberás indica el nombre, por ejemplo el nombre de tu blog o por ejemplo "calendario para blog" 
  5. Cumplimenta el resto de datos, como son la franja horaria y demás. 
  6. Marca el calendario como publico 
  7. Una vez terminado, presiona el botón Crear calendario 
Fíjate ahora, una vez creado el calendario éste se muestra en la zona de Mis Calendarios y está seleccionado. Cada calendario tiene su propio desplegable que te permitirá acceder a un menú contextual, donde entre otras opciones tienes la de configuración, notificaciones, color para identificarlo, etc. (fíjate en la imagen de la derecha)

Paso 2. Crear tu primer evento en el calendario
Ya tenemos el calendario creado, vamos ahora a insertar en el un evento de pruebas para disponer de al menos un dato, para ello sigue estos pasos para crear un evento

1.- Haz clic en el botón rojo Crear
2.- En la nueva ventana que se abre indica básicamente lo siguiente:
  • Título del evento 
  • El día y fechas de inicio y de fin 
  • Puedes especificar si es todo el día e incluso si este evento se repite a lo largo del tiempo. 
  • Asegúrate que en apartado Calendario se muestra el que acabas de crear. 
3.- Puedes asociar a cada evento un recordatorio para que te avise antes del mismo.
4.- Presiona Guardar cuando lo tengas.

Una vez guardado nuestro evento de pruebas, verás nuevamente tu calendario y si todo va bien, ya tienes el primero de los eventos. Comentarte que puedes seleccionarlo y arrastrarlo de día, o alargarlo en el tiempo, además de acceder acceder a otras opciones, simplemente seleccionando el evento. Además fíjate que el calendario tiene una serie de pestañas (día, semana, mes, 4 días, agenda) que te permitirá cambiar de vista.

Repite este segundo paso para crear nuevos eventos, trastea con los recordatorios y hazte con la herramienta. Si accedes al icono de configuración que tienes en la parte superior derecha accederás a la configuración general de Google Calendar que también debes revisar y configurar.

Paso 3. Crear el visor para incrustar tu(s) calendario(s) en el blog
Llegados a este punto, tienes el calendario el cual tiene un evento de prueba, ahora vamos a obtener el código HTML para poder insertar el visor del calendario en el blog. Para ello sigue estos pasos:
  1. Haz clic en tu calendario para que muestre el menú desplegable 
  2. Haz clic en la opción que pone Configuración del Calendario 
  3. Una vez dentro de la configuración del calendario, baja hasta que veas el apartado Incrustar este calendario 
  4. Haz clic en el enlace que pone Personalizar el color, tamaño y otras opciones. 
  5. Se abrirá ahora una nueva pestaña en el navegador. Tienes delante un pequeño asistente con el que vas a tener que experimentar un poco. Tienes un apartado Mostrar, donde decidir qué elementos quieres que tenga tu visor. Vista predeterminada, el ancho y el alto. También el día por el que empieza la semana, color y otros atributos de tu visor. Además fíjate que en el visor puedes combinar otros calendarios. Tendrás en todo momento una simulación de como va a quedar. 
  6. Cuando tengas tu configuración, deberás copiar el código HTML que te ofrece la propia página. Copia y deja la pestaña con esta herramienta abierta. 
Paso 4. Integrar el calendario en Blogger
Tienes el código copiado en el portapapeles, ahora vamos a insertarlo en el blog. Lo más lógico es que te crees una nueva página (no post).
A continuación te ofrezco unos pasos rápidos para crear tu página pero si nunca lo has hecho antes, te invito a que leas este artículo para completar estos pasos.
  1. Accede a Blogger
  2. Selecciona tu blog 
  3. Haz clic sobre el apartado Páginas, a la izquierda 
  4. Haz clic en el desplegable Página nueva y selecciona Página en Blanco 
  5. Se abrirá el editor de páginas (muy similar al de post) 
  6. Pon un título a tu página (Calendario, Cursos, Campeonatos....) 
  7. Haz clic en el botón HTML 
  8. Pega el código que tienes en el portapapeles 
  9. Haz clic en el botón Publicar 
  10. Si tenias el Gadget de páginas ésta ya debe mostrarte, si no lo tienes selecciona el desplegable
    Mostrar páginas como y selecciona Pestañas principales. 
  11. Visualiza tu blog y accede a tu nueva página donde muestras el calendario 
Has terminado la integración de Google Calendar en Blogger.

Por continuar con el experimento, vuelve a tu calendario, agrega un nuevo evento y vuelve a consultar tu blog para que veas que éste ha cambiado también. Si una vez insertado el calendario quieres cambiar el aspecto, debes volver al constructor del visor y copiar nuevamente el código.Conecta con el centro de ayuda de Google Calendar con el fin de acceder a la documentación oficial

Ejemplo de calendario de muestra de iniciaBlog
Yo he seguido trabajando en mi calendario, lo he incrustado en este mismo post con el fin de que veas cómo queda mi rutina de trabajo para mantener actualizado y monitorizado iniciaBlog.com. Puedes interactuar con mi calendario, el cual está hecho usando eventos periódico


Lecturas recomendadas: 

Artículos relacionados
Productividad 

Créditos: Jesús González - iniciaBlog - www.iniciablog.com/2013/09/blogger-google-calendar.html

Read more...

Títulos de los Contenidos del blog

Estimado visitante... he querido compartir contigo en estas entradas y enlaces, lo que para la construcción de mis blogs me ha sido muy útil.  A todos los bloggers que han contribuido a enriquecer mi experiencia y conocimiento en el mundo del blog, "muchas gracias".
Con respecto al Copyright de los contenidos de este blog, los derechos son de sus autores (encontrarás el enlace al blog del autor), solo el autor es el propietario del contenido, debiendo dirigirte a el para su publicación. Si quieres colaborar en los contenidos de este blog, ampliándolos o modificándolos para su actualización o con nuevos contenidos, envía email herramientasparaunblogger@gmail.com especificando en el asunto del email.

Pulsa aquí para ver todos los contenidos
Última actualización: 2013 - 2014



Escoger Nombre de usuario en facebook  Escoge tu nombre de usuario y tendrás tu propia dirección de perfil de facebook tipo: http://www.facebook.com/usuario/  Así, facilitas la tarea de compartir tu perfil con amigos, familiares y compañeros de trabajo. Entra aquí, y podrás escoger el nombre de usuario que quieras, el mínimo de caracteres es 5, y si a tus páginas también le quieres poner un
Los mejores trucos para Facebook Facebook se reinventa a sí misma periódicamente, incorporando nuevas funciones que, con frecuencia, pasan desapercibidas. En este artículo te vamos a enseñar a sacarle todo el partido a Facebook. Concretamente, veremos: Idiomas de lo más originales ¿Quién te ha borrado? Cómo bloquear gente Chat con estilo Fotos de perfil con gancho Atajos de teclado
por Veronica Davis Todo el mundo quiere su sitio web para ser agradable a la vista, funcional y fácil de usar. Sin embargo, ¿sabía usted que hay ciertos elementos de diseño web que realmente puede hacerle daño a su negocio? Sí, hay algunos diseños que pueden tener un impacto negativo en su optimización SEO. Esto significa que su sitio no podrá figurar como bien en los motores de búsqueda como
Recursos y herramientas para Blogs
Nuevas herramientas y trucos para sacar todo el provecho a tus blogs: feeds RSS. Algunas de estas herramientas van referidas a Blogger. 1. Feedburner - Genera RSS feedgratuitamente. Esto es importante puesto que por ejemplo, Blogger, te da solamente el atom, entre otros servicios para blogs. Permite que otros se "suscriban" a tu weblog... 2. Haloscan te proporciona una forma de integrar

Read more...
"Estimado visitante... He querido compartir contigo en este blog, lo que para mi en alguna ocasión me ha sido muy útil. A todos los bloggers que han contribuido a enriquecer mi experiencia y conocimiento como blogger, "muchas gracias"

  © Link Web Blog Links Bloggers by Facebook LWB 2012

Back to TOP- Volver al principio - pulsa para SUBIR