jueves, 3 de mayo de 2012

Trucos Blogger +Intro

Enlazar-RECREATEOFICIAL/HTML:


 +Gadget ...
Letreros,avisos y mensajes... ¿Que es un Gadget? Tu propio buscador google-personalizado



1.¿Qué es un Gadget?

Un Gadget es un archivo XML ubicado en Internet. El archivo XML que especifica un Gadget contiene instrucciones acerca de cómo procesar y ejecutar dicho gadget.

Un Gadget es un código que puede ser instalado y ejecutado en cualquier Blog o pagina basado en HTML por un usuario final sin necesidad de compilación.

Se derivan de la idea de reutilizar el código. Otros términos utilizados para describir Gadget o Widget : mini aplicaciones, módulo webjit, widget web...etc .

Gadgets por lo general siempre se deben usar en HTML, JavaScript, Flash o Adobe.

Los usuarios finales utilizan principalmente los Gadgets y Widgets para mejorar su experiencia web personal, o la web experiencias de los visitantes a sus sitios o blogs personales.


El uso de Widgets y Gadgets ha demostrado cada vez más popular, donde los usuarios de los medios sociales son capaces de agregar aplicaciones independientes a los blogs, perfiles y páginas de la comunidad.

Los desarrolladores de estos reproductores suelen ser los que ofrecen como una forma de contenido patrocinado, lo que puede pagar el costo del desarrollo cuando los mapas del Widget o Gadget de servicios públicos a las necesidades del usuario en un camino donde ambas partes ganan.

2.¿Qué son los Gadgets para tu Blog de Blogger?

Los Gadgets son objetos en miniatura realizados por los usuarios de Googleo de otras personas como usted que ofrecen contenido fresco y dinámico que se puede colocar en cualquier blog o página web.

Son gratuitos y están disponibles para que usted pueda agregar a cualquier blog o página web que posee, y también se pueden agregar a varios servicios de Google ( la página de iGoogle, Google Desktop, y Blogger).


Como añadir un Gadget
Los Gadget/Widget para Blogger son una fantástica manera de adornar tu Blog de Blogger.

Por ejemplo:

Puedes poner un Chat, Reloj, Juego, Musica,Radio.. etc.

Me dirijo principalmente a los Novatos. Supongo que los más avanzados en Blogs de Blogger, ya conocen donde conseguirlos y como instalarlo!


Los pasos también son muy fáciles :

Diseño->Elementos de página->Añadir un gadget->HTML/Javascript


1. Debes acceder a Diseño de tu Pagina, aquí debes seleccionar Añadir un gadget :



2. Ahora, te aparece una ventana con Gadget y Widget que puedes subir, dale a HTML/Javascript :



3. Ahí debes pegar el código HTML/Javascript que has generado en la página de los Gadgets o Widgets .

4. Una vez que tengas el código, pégalo en la ventana que se abrió antes de Blogger. El código que debes pegar será parecido a este:



Aquí les dejo un video que muestra paso a paso cómo agregar un Gadgets de otras fuentes en nuestro Blog. Creo que este video les explica todo sobre como agregar un Gadget y un Widget en vuestro Blog de Blogger.




link: http://www.youtube.com/watch?v=e2Qx4ujCRiQ&feature=player_embedded



Como sacar la barra de blogger “navbar”




Primero que todo vamos a diseño buscamos edición de HTML y no saldrá la plantilla en HTML de nuestro blog, apretamos Ctrl+F (nos saldrá una barra en la esquina inferior izquierda) entonces en ese momento introducimos este código:



<b:skin><![CDATA[/*.




Y esa acción provocara que busque en la plantilla ese código, entonces cuando ubiquemos el código pegaremos la siguiente línea de código justo después del anterior código que dimos :


#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}






Y va a quedar algo asi:



Yo no recomiendo sacarla por su utilidad pero igual sirve para personalizar el blog...suerte


Gadget (Deja un comentario) con imagen de Homer

Aquí les dejo un Gadget muy bonito y útil para vuestro blog, se trata de un famoso Gadget (Deja un comentario con imagen de Homero) que seguramente todos lo hemos visto en otros blogs. Este gadget se ubica en la parte inferior derecha de nuestro blog

Ahora ya tienes este Gadget (Deja un Comentario) en tu blog muy fácil.



Copia y pega el siguiente código en tu blog:




<br /><a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://freevolution-utem.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1VAgzJu0feaaXGb3drGX7SUYpTl4xgt9V5spV_3ZRVzDkKjpsPp-IfL-p3W1uH87Oej0FvmgUiJb5jzOnip40WVXqwbWynsDHnWOg6o7wJF-qijV_jdGpvbrvVm1XHMPN2Bhu0vuHcts/s1600-r/Deja+un+comentario+homero.png" /></a><br />




No olvides de cambiar la dirección de mi Blog (http://freevolution-utem.blogspot.com/) con tu dirección del Blog.

También esta imagen de Homero se puede cambiar con otra imagen que te gusten este es la url de la imagen: (http://3.bp.blogspot.com/-vXqxtR1wOmc/TVoQPzKTUEI/AAAAAAAAB9U/z6onoofmFzA/s1600/Deja%252Bun%252Bcomentario%252Bhomero.png)

Aqui les dejo la url de otra imagen si quieren cambiar: (http://4.bp.blogspot.com/-3UliRpL59Pw/Te1I1zZNOgI/AAAAAAAAAR0/fgIrZF_DSVg/s1600/gato+listo.png)



Para instalarlo deberás ir a Diseño->Elementos de página->Añadir un gadget->HTML/Javascript. En él deberás pegar el código de arriba.


Quitar lo de los creditos - blog blogger (“con la tecnología de blogger”)

Muchas personas no están de acuerdo con esto de quitar los créditos de quién lo hizo y su dueño, pero eso esta en la persona pues un blog en muy personal:
Una opción es ocultar el gadget para que no aparezca en el blog. Para ello vamos a Diseño | Edición de HTML, y antes de ]]></b:skin> pegamos lo siguiente:



#Attribution1 {display:none; visibility:hidden;}




Con eso habrás ocultado los créditos, así que cuando quieras que aparezcan de nuevo sólo eliminas eso que has agregado.

La Otra opción es eliminarlo por completo. Para hacerlo entra igual en Diseño | Edición de HTML y SINexpandir los artilugios busca esta línea y elimínala:



<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>





Con eso habrás eliminado el gadget de forma permanente.

Ahora sólo depende de cada uno quitar o no eliminar al diseñador y dueño de la plantilla.


Gadgets para Observar el Transito de tu Blog


Una forma interesante de observar el tránsito de tu blog es agregar uno de estos Gadgets que permiten observar el país del visitante (según su registro) y origen de su entrada a tu blog (post, blog, Google).

Es en tiempo real.



Dejo el enlace para que elijan el modelo. Arriba de cada uno tienen la primer opción de diseño (estilos predeterminados, colores y ancho).
Una vez concluido el diseño copian y pegan en sus blogs el código que les ofrece al final.



Aquí te dejo el enlace a (http://feedjit.com/) para obtener el código de este Gadget.


Contador de personas online para blog (blogger o blogspot)



Estadísticas en tiempo real para tu blog (blogger o blogspot) y para todos los blogs y webs.

En este post les dejo 2 de lo mas fáciles contadores de personas online gratis y sin registro para vuestro blog.

Simplemente copia el código html que aparece abajo en el cuadro y pégalo en tu blog .

Para instalarlo deberás ir a Diseño->Elementos de página->Añadir un gadget->HTML/Javascript. En él deberás pegar el código de abajo .


1. El primer contador de personas online para tu blog queda así:



Copiar Código:



<script type="text/javascript" src="http://widgets.amung.us/classic.js"></script><script type="text/javascript">WAU_classic('mx48m7f2bopt')</script>




2. El segundo contador de personas online para tu blog queda así:



Copiar código:



<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('9wjcxhm2c9hm', 'left-middle')</script>



Espero les sirva

Crear una página de fans en Facebook para tu blog

Para poder hacer esto, tenemos que crear una nueva página en Facebook para nuestro blog, lo que nos permitirá entonces añadir el gadget de "Fans" desde allí.


Nos daremos de alta en Facebook si es que aún no lo estamos.

Ahora tendremos que loguearnos en Facebook para crear una nueva página para fans de nuestro blog, desde este enlace: Página fans de FaceBook (http://www.facebook.com/pages/create.php)

Una vez allí veremos unos campos que hemos de completar:
Aquí seleccionamos como veis en la imagen "Marca, producto, o de la Organización" y escogemos la opción "Sitio web" que es la más lógica si vamos a usar el gadget para que las visitas de nuestro blog se hagan fans del mismo.

En "Nombre de la página" colocamos el de nuestro blog.

Debajo podemos marcar la opción para hacer la página pública o dejarlo para después una vez hayamos terminado de prepararla.

Completamos las palabras de seguridad y damos en "Crear página".

En la página siguiente hemos de incluir una imagen para nuestra página y editar la información para incluir los datos que consideremos oportunos.

El siguiente paso será importar las entradas de nuestro blog a la nueva página de fans del mismo.
En las pestañas del menú de la página, pinchamos en el simbolo + y escogemos la opción Notas.
En la siguiente pantalla pinchamos en el botón "Escribir una nota nueva".

Veremos entonces un editor con algunos iconos pequeños en la parte superior derecha, pinchamos en el que parece una libretita (Notas).

En la siguiente página optamos por "Importar blog".
En la siguiente página introducimos la url de nuestro blog o la url del feed del blog y pinchamos en Empezar a importar, una vez termine, pinchamos para confirmar la importación.

Después de confirmar la exportación, las últimas entradas de nuestro blog se habrán importado a nuestra página de fans.
Volvemos al inicio de la nueva página y ahí veremos la nueva página lista tal como la hemos configurado.
Vamos ahora a incluir un gadget en nuestro blog para facilitar que las visitas se hagan "fans" de la página que acabamos de crear.

En la nueva página creada, debajo de la imagen que hemos incluido en su perfil, pinchamos en Modificar página
En la nueva página que se abre, localizamos el gadget de la imagen y pinchamos en "Promote with a like Box".
Pasamos a la página siguiente y en el formulario escogemos las opciones para el panel.

Pinchamos en "Get code" y copiamos el código "iframe" para colocarlo en un gadget HTML/Javascrip en la sidebar de nuestro blog.


Algo como asi debe qedar :



Espero que les sirva

Juego Pacman en tu Blog

Si quieres que tus visitantes permanezcan más tiempo en tu Blog y quieres reducir el porcentaje de rebote de Google Analytics.

La mejor alternativa es poner el Pacman en tu blog, con esto le ofreceremos la posibilidad de jugar al Pacman a nuestros visitantes y seguramente estén más tiempo en el blog.




Es muy fácil de Instalar, simplemente tenemos que añadir un nuevo Gadget HTML/Javascript y pegar en él el siguiente código:



<br /><script src="http://www.gmodules.com/ig/ifr?url=http://www.schulz.dk/pacman.xml&up_LANG=es&synd=open&w=320&h=420&title=&lang=es&country=MX&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script><br />



Si querés cambiarle el ancho, simplemente modificá el 320 por otro número mayor o menor, y para el alto sólo tienes que modificar el 420.
Esto es muy efectivo, incluso hasta yo me quedé jugando un rato...


Gadgets Gratis relojes para tu Blog


Tan sólo tienes que elegir el reloj que más te guste, de entre la gran variedad de relojes de que dispone este web, y pulsar en el enlace que aparezca debajo del reloj, accediendo así a la página donde te encontrarás el código que hayas elegido, el cual sólo debes copiar y pegar en el lugar que desees de tu web o blog.


Para instalarlo deberás ir a Diseño->Elementos de página->Añadir un gadget->HTML/Javascript. En él deberás pegar el código de abajo de cada reloj.

Aquí abajo te dejo algunos relojes para poner en tu blog:



Copia y pega el siguiente código en tu blog :




<center><embed style="" src="http://www.widgetsi.com/recursos/relojes/flash/43.swf" wmode="transparent" type="application/x-shockwave-flash" height="120" width="120"></embed><param name="wmode" value="transparent"><br /><a href="http://www.gadgetsblogger.com/2010/11/gadgets-gratis-relojes-para-tu-blog.html" target="_blank">Quero este Reloj</a></center>





Copia y pega el siguiente código en tu blog:



<center><embed style="" src="http://www.widgetsi.com/recursos/relojes/flash/42.swf" wmode="transparent" type="application/x-shockwave-flash" height="120" width="120"></embed><param name="wmode" value="transparent"><br /><a href="http://www.gadgetsblogger.com/2010/11/gadgets-gratis-relojes-para-tu-blog.html" target="_blank">Quero este Reloj</a></center></center><br /><br /><center><embed style="" src="http://www.widgetsi.com/recursos/relojes/curiosos/3.swf" wmode="transparent" type="application/x-shockwave-flash" width="120" height="120"></embed><param name="wmode" value="transparent"><br /><center>Copia y pega el siguiente código en tu blog :<br /></center><br /><center><br /><textarea><center><embed style="" src="http://www.widgetsi.com/recursos/relojes/curiosos/3.swf" wmode="transparent" type="application/x-shockwave-flash" height="120" width="120"></embed><param name="wmode" value="transparent"><br /><a href="http://www.gadgetsblogger.com/2010/11/gadgets-gratis-relojes-para-tu-blog.html" target="_blank">Quero este Reloj</a></center>






Copia y pega el siguiente código en tu blog:



<center><embed style="" src="http://www.widgetsi.com/recursos/relojes/flash/9.swf" wmode="transparent" type="application/x-shockwave-flash" height="120" width="120"><param name=wmode value=transparent></embed><br><br><a href="http://www.widgetsi.com/" target="_blank"><img src="http://www.widgetsi.com/imagenes/relojes.gif" alt="http://www.widgetsi.com" border="0">




Los códigos son configurado para que los relojes tenga un tamaño de 120x120. Si deseas variar el tamaño a tu gusto, tan sólo tienes que cambiar el 120 de height y width para variar el alto y ancho, respectivamente.

Aqui puedes encontrar mas relojes gratis para tu Blog: http://www.widgetsi.com/relojes-web-gratis.php


Las mejores plantillas para Blogger

Todo blogger que se precie cuida de manera especial la apariencia de su blog, siendo la medida más importante la elección de una buena plantilla o “template”.

Blogger es una de las plataformas de blogs más importantes y una muy buena opción para tener tu propio blog de un modo sencillo y gratuito, sin perder en funcionalidad.

Ahora publicaremos algunas paginas donde puedes encontrar plantillas gratuitas:
Plantillas gratuítas:

http://5ColumnTemplate.Blogspot.com/
http://AllBlogTools.com/
http://Blogger-Templates.Blogspot.com/
http://Blogger-Templates.Deceblog.net/
http://Blogger-Templates-Directory.Blogspot.com/
http://BloggerTemplates.org/
http://BlogspotTemplates.Blogspot.com/
http://BlogspotTemplate.com/
http://BlogTemplates.Noipo.org/
http://BTemplates.com/
http://Carl Galloway’s Blogger Templates/
http://FinalSense.com/
http://FreeBlogger-Templates.Blogspot.com/
http://FreeTemplates.Blogspot.com/
http://FreshBloggerTemplates.Blogspot.com/
http://Gecko & Fly Blogger Templates/
http://GoSuBlogger.com/
http://Isnaini.com/
http://JackBook.com/
http://OurBlogTemplates.com/
http://PannaSmontana Templates/
http://Public-Template.Blogspot.com/
http://Simple-Blogskins.Blogspot.com/
http://Template-Godown.com/
http://WP-Themes.us/
http://Yanku-Template.Blogspot.com/

Espero que te guste esta recopilacion de las mejores paginas con plantillas para tu Blog.


Widget que muestra IP, SO, País y Navegador

Si quieres mostrar a tus visitas su dirección IP, su sistema operativo, su país y su navegador, copia y pega el código html :



Copia y pega el siguiente código en tu blog :




<br><a href="http://www.gadgetsblogger.com/2011/04/widget-que-muestra-ip-so-pais-y.html"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a><br>






Copia y pega el siguiente código en tu blog :




<br><a href="http://www.gadgetsblogger.com/2011/04/widget-que-muestra-ip-so-pais-y.html"><img src="http://www.wieistmeineip.de/ip-address/?size=468x60" border="0" width="468" height="60" alt="IP" /></a><br>




Widget Gratis de Paisajes para Blog

Si tienes un Blog sobre Paisajes o Fotos de natura o cualquier tema seguros este Widget Gratis va ser bonito para tu blog. Este widget de paisajes los podrás añadir comodamente y de una manera muy sencilla. Para añadir todos los paisajes que desees tan sólo tienes que copiar el código que te ofrece WidgetSI.com debajo de cada paisaje y luego pegarlo en el lugar de tu web o blog donde desees que visualizarlo.

Primero te ofrecere la opción de que añadas un widget donde aparecerá un paisaje aleatorio cada vez que un visitante entre en la página donde lo hayas añadido, así tu página o blog será mucho más dinámica y atraera más visitantes en busca de un bonito paisaje.
Aqui te dejo algunos Widget Gratis de Paisajes para Blog de este Web :





Aquí (http://www.widgetsi.com/paisajes-web-blog.php) usted puede conseguir este Widgets Gratis de Paisajes para Blog.


Widget Gratis de Programa Tv para Blogs

En WidgetSI.com hay un Widget Gratis para que puedas añadir la Programación TV de las principales cadenas a tu Blog o Web de una manera muy sencilla. Para ello tan sólo debes copiar el código que te ofrece este web y luego pegarlo donde quieras que aparezca la programación.
Seguros que tus visitantes apreciarán la posibilidad de acceder de una manera tan sencilla a la programación de TVE 1 , TVE 2 , Antena 3 , Cuatro , Telecinco , La Sexta y aparte me parece un Widget util para los usuarios de tu blog.



Consigue este Widget Gratis de Programa Tv para Blogs de AQUI(http://www.widgetsi.com/programacion-tv.php)


El pajaro volando para Twittear y Seguir en Twitter

Se trata de un pájaro azul, en clara alusión al icono de Twitter, que aparece por la parte superior y sobrevuela tu página según te vas desplazando verticalmente por ella.

Esto ya sería lo suficientemente entretenido como para publicarlo y que algunos nos divirtamos un poquito instalándolo en nuestra página.

Pero lo mejor de todo es lo que hace.

Resulta que este pajarraco, además de haceros compañía, es también un enlace a vuestra cuenta de twitter y al mismo tiempo, un boton de retweet.

Esto le da un poco más de interés ¿no?



Copia y pega el siguiente código en tu blog :



<script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script><script type="text/javascript">var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png';var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');var twitterAccount = ' http://twitter.com/#!/freevolution_n';var twitterThisText ='';tripleflapInit();</script>



Si tienes una cuenta en Twitter, no olvides cambiar el nombre de usuario (http://twitter.com/#!/freevolution_n) por tu cuenta de twitter.

Botones para compartir articulos en redes sociales




Con el desarrollo de las redes sociales, cada vez es más interesante facilitar a los usuarios de tu blog la inclusión de tus artículos en las redes que utilicen.

De esta forma, además de proporcionar un servicio interesante para tus usuarios, conseguirás aumentar la distribución de tus artículos gracias a la propia publicidad que tus usuarios realizarán de ellos.

Sin embargo, la gran cantidad de redes sociales existentes hace que preparar tu página de forma individual para cada una de estas redes sea algo largo y tedioso. Por suerte, ya existen algunos sistemas que nos facilitan esta tarea.

De entre todos estos sistemas, para este artículo hemos elegido AddThis por ser un sistema muy fácil de instalar, multiidioma (cada usuario lo verá en su propia lengua), con más de 250 formas de compartir incluidas (Facebook, Twiter, MySpace, etc., incluidas) y con la posibilidad de tener estadísticas de su utilización.



Si quieres ver algún ejemplo entra a mi blog : (http://freevolution-utem.blogspot.com/)
y podras ver en la parte superior derecha unos iconos para compartir en facebook. En twitter o en la plataforma que te acomode.


Los codigos de estos Botones para compartir articulos de tu Blog en redes sociales son :




Copia este codigo de abajo para poner este Boton :




<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcde13f58c50d2b"></script>
<!-- AddThis Button END -->






Copia este codigo de abajo para poner este Boton :



<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcddcb73e3ba0d2"></script>
<!-- AddThis Button END -->






Copia este codigo de abajo para poner este Boton :





<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcde18b394a19ad"></script>
<!-- AddThis Button END -->




  Contenido actualizado para tu blog.../web<a href="http://www.recreateoficial.blogspot.com/">RECREATEOFICIAL</a>
Para agregar uno de estos botones en tu Blog, únicamente tenemos que ir a la zona de Diseño de nuestro blog y seleccionar la opción de "Añadir Gadget", HTML y GUARDAR.


En el siguiente listado seleccionamos la opción de "HTML/Javascript" e introducimos el código de arriba. Después guardamos los cambios en el diseño y ya tenemos nuestro botón incluido en nuestra barra de gadgets.



Programa creador de logos para sus blog


Aquí les dejo un programa para hacer iconos y todo de locuras de diseño para que las implementen en su blog:

http://the-logo-creator.softbull.com/download





 +Gadget ...
Letreros,avisos y mensajes...
Todos los trucos, gadget, widget, programas son los que considero yo las mejores opciones, y están todos probados en mi blog.
Fuente:  
Electrónica  
  Recreateoficial