Poner el widget de suscripción de YouTube en blogger

Youtube nos brinda la opcion de colocar un widget de suscripción el cual podemos colocar en nuestro sitio y mediante el los usuarios y visitantes se pueden suscribir hacia nuestro canal,youtube en una de sus seccione nos brinda en  Creator's Corner  diferentes tipos de recursos y en otra seccion podras encontrar logos, banners y botones .




Tambien tenemos un widget que contiene un boton de sucribirse la foto del perfil nombre del canal cuantos videos y cuantos suscriptores lo cual obtendremos este resultado con el codigo que nos brinda

<iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=Nombre de usuario
"hol style="overflow: hidden; height: 97px; width: 300px; border: 0;" scrolling="no" frameborder="0"></iframe>









Como se las muestro es con el codigo que nos da youtube pero por supuesto vamos a darle un poco de diseño , con este codigo solo le podemos poner un fondo y otro borde aparte de el que trae por defelto deben tener en cuenta que el color del texto no se puede cambiar por lo tanto hay que jugar un poco con el color de fondo que le van a colocar .


<div style="-moz-box-shadow:0 0 20px #000 inset;background-color:#494949;margin:0 auto;outline:1px solid #494949;padding:4px;text-align:center;width:300px;"><iframe src="http://www.youtube.com/subscribe_widget?p=Nombre de usuario " style="overflow: hidden; height: 97px; width: 300px; border: 0;" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" align="middle"></iframe></div>


Y este seria el resultado:







Lo que esta en color 000   es el color del efecto borde
Lo que esta en color 494949 es el color de fondo
Lo que esta en color 494949 es el color del borde
Lo que esta en color Nombre de usuario es donde debes colocar el nombre de usuario de youtube


Para colocar este widget nos vamos a diseño > añadir un gadget > HTML/Javascript  y  pegamos el codigo y es todo ya tienen su widget de suscripcion a youtube.

Bueno es todo recuerden que compartir y comentar no cuesta nada si pueden y creen que esta información les es útil denle click a los botoncitos en los que quieran compartir de facebook,twitter,google+ y bitacoras y así otros que también necesitan el código lo podrán ver muchas gracias.


Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

0 comentarios:

Publicar un comentario