martes, 20 de enero de 2015

Pájaro de Twitter volando

Ya hemos visto distintas formas para personalizar Blogger con distintos plugins, gadgets y cientas de cosas más. En esta oportunidad les mostraré cómo obtener el pájaro de Twitter volando por el blog.
Este pájaro permite que al presionar en el icono se abra nuestro usuario en Twitter y los usuarios podrán seguirnos.


Vista previa del gadget:
https://lh3.googleusercontent.com/-0XsHKlIFpzk/TYNTCwmIdGI/AAAAAAAAAdw/XgB9mM7VXyA/s1600/twitter+bird+blogger.png 

Verás que el pájaro se desplaza a distintas zonas del blog, y no solo arriba y abajo, sino que también en dirección diagonal.

¿Cómo obtener este plugin?

Primero, vamos a ''Diseño/Elementos de la página'' en donde presionas en ''Añadir un gadget'':


Buscas el gadget ''HTML/Javascript'':



En donde pegarás el siguiente código:

<script src="https://sites.google.com/site/ayudabloggers/scripts/tripleflap.js" type="text/javascript"></script>
<script type="text/javascript">
var birdSprite='https://lh3.googleusercontent.com/-StM0Csn4ktc/TYNPdDXzNGI/AAAAAAAAAds/QPZ0-DbHgtc/s1600/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/USUARIO';
var twitterThisText ='';
tripleflapInit();
</script>
Presionas en ''Guardar'' y listo:

Cambiar los derecho de plantilla

Hola chicos, hoy os traigo un nuevo truco, para personalizar vuestro blog. Si os fijáis, en vuestro blog, al final del todo, saldrá un mensaje como este: ''Con la tecnología de Blogger'', el cual nos dice quien ha creado la plantilla de nuestro blog, y como es lógico, tienen ellos los derechos de autor de esta plantilla, pero podemos cambiarlo y poner en su lugar, que nosotros tenemos los derechos de esta plantilla.
Empecemos:
1.-Nos vamos a plantilla, y pinchamos donde pone editar HTML.
2.-Buscamos el siguiente codigo: 
<!-- outside of the include in order to lock Attribution widget --><b:section class='foot' id='footer-3' showaddelement='no'><b:widget id='Attribution1' locked='true' title='' type='Attribution'><b:includable id='main'><b:if cond='data:feedbackSurveyLink'><div class='mobile-survey-link' style='text-align: center;'><data:feedbackSurveyLink/></div></b:if><div class='widget-content' style='text-align: center;'><b:if cond='data:attribution != &quot;&quot;'><data:attribution/></b:if></div><b:include name='quickedit'/></b:includable></b:widget>
Está más o menos por la linea 1900 del codigo HTML, y donde está la palabra true, la borramos y ponemos false
y guardamos la plantilla.

Este seria el codigo que os apareceria en vuestra plantilla, el que está a partir de la linea 2262:


3.-Nos vamos a diseño, y al final del todo de la disposicion del blog, está el gadget de Reconocimiento el cual no se puede eliminar hasta que no cambiemos en el codigo anterior la palabra false en lugar de true. Pinchamos en el, y le damos a eliminar.

4.-Después de haber eliminado ese gadget, nos vamos a plantilla, en edición de HTML, y presionamos  Ctrl + F, y buscamos la etiqueta </body>
5.-Pegamos justamente después de la etiqueta </body> el siguiente código:
<pre><font face='tipo de letra que queramos' size='ajustamos el tamaño que queramos'>Copyright &#169; 2015 nombre de vuestro blog Plantilla Creada Por vuestro nombre, Con la colaboracion de <a href='http://tricks-blogs.blogspot.com/' target='_blank'><font color='#ffffff' face='Courier' size='2.85'>Tricks-Blogs</
font></a></font></pre>

Este sería el codigo que yo tengo :
  

 4.-Guardamos la plantilla y listo.
Copyright © 2011 Tricks-Blogs. Todos Los Derechos Reservado-Plantilla Creada Por Diego Robles.