Hacker of the Web
Tus ideas en código!...y mas

Insertar o crear, eliminar o mover un gadget ?

Blogger de Google tiene la posibilidad de agregar o quitar, así como mover de lugar gadgets en un blog. Los gadgets en blogger se utilizan para personas que no tienen mucho conocimiento en cuanto a HTML, XML, CSS o algun otro leguaje. Para un mejor manejo del código sin tener modificar la plantilla.

A continuación les daré unos sencillos pasos a seguir para poder relizar cambios en su blog.

+/- Ver los pasos.


[1] Primero necesitamos situarnos en el escritorio de blogger. Y en el blog que queramos, hacemos clic en el link de diseño:

entrar en la pestaña de diseño


[2] Despues se abrirá el panel del diseño de tu blog. Ahora en donde quieras agregar el gadget haces click como se muestra en la imagen:

hacer click en el link de agregar gadget


[3] Al hacer click se abrirá una ventana, ahora necesitamos elegir que tipo de gagdget necesitamos agregar a nuestro blog:

elegimos el tipo de gagdget que necesitamos


[4] Añadimos o configuramos el gadget para despues guardarlo. En este caso agregue un gagdget HTML/Javascript en el cual agregue el contenido para luego guardarlo:

añadimos el contenido y guardamos


[5] Una vez guardados los cambios, estará nuestro gadget en el panel del dieño de nuestro blog, si lo arrastramos con el mouse podremos mover a donde queramos dentro de nuestro blog:

Podemos moverlo a donde queramos


Pero cabe la posibilidad que por cualquier motivo el gadget no pueda ser movido solo con arrastrarlo, para eso puedes intentar lo siguiente:

[1] Verificar el nombre del gadget:

mover gadgets manualmente

El gadget que movere tiene el nombre de "Feed".
[2] Ahora entraremos al panel de Diseño>Edición HTML>Sin expandir las plantillas de artilugios.
[3] Y con [Ctrl + F] buscamos el nombre hasta encontrar su nombre en el atributo title='' de esta siguiente forma:
<b:widget id='HTML1' locked='false' title='Comentarios' type='HTML'/>
<b:widget id='HTML2' locked='false' title='Feed' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='Mis Blogs' type='LinkList'/>
Algo muy util para localizarlo es el titulo, pero si tenemos mas de un gadget con el mismo nombre tendremos problemas así que si sabemos de que tipo es será sencillo encontrarlo, primeramente los tipos mas comunes son los siguientes:

HTML -------- HTML/Javascript
Feed -------- Feed
BlogArchive - Archivo del Blog
linkList ---- Lista de enlaces
Label ------- Etiquetas
Profile ----- Perfil
Blog -------- Entradas del Blog

Y lo que localizaremos es que tenga ese tipo en el atributo type='' de la siguiente manera:
<b:widget id='HTML1' locked='false' title='Feed' type='HTML'/>
<b:widget id='Label1' locked='false' title='Feed' type='Label'/>
<b:widget id='Feed1' locked='false' title='Feed' type='Feed'/>
En mi caso como es un gadget HTML/Javascript optare por el primero.
[4] Ahora los gadgets solo pueden estar dentro de etiquetas:
<b:section>
Y generalmente o casi, las mas comunes son las siguientes:
<b:section class='sidebar' id='sidebar'>
<b:section class='main' id='main'>
<b:section class='crosscol' id='crosscol'>
<b:section class='header' id='header'>

Sus ubicaciones(por orden):

Barra lateral
Seccion principal(de las entradas)
Debajo del header(casi nunca esta habilitada)
Cabecera

Para mover un gadget solo es cuestion de cortar el código del gadget(que SIEMPRE comienza con <b:widget.....) a donde queramos, siempre y cuando este dentro de alguna etiqueta de seccion es decir:
<b:section class='XXXXX' id='XXXXX'>
<!-- Aqui y solo aqui van los gadgets -->
<b:widget id='HTML1' locked='false' title='Feed' type='HTML'/>
</b:section>

[6] Para eliminar, solo abrimos el gadget en Editar y presionamos el botón de Eliminar, como lo muestra la imagen:

Para eliminar abrimos el gadget y presionamos eliminar


[7] Finalmente y despues de haber hecho los cambios que necesitabamos hacemos click en el boton de guardar en el panel del diseño de nuestro blog:

Finalmente guardamos los cambios


Y con esos sencillos pasos conseguiremos manipular con facilidad los gadgets de nuestro blog.

#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

63 comentarios !

Laura dijo...

Quiero saber como mover los gadgets al costado.

SäNTÿ dijo...

Hola!!!

Laura, tal vez si lo arrastras con el mouse hacia donde lo quieres.

Anónimo dijo...

Hola quiero saver como colocar una imagen en cada gadget asi como esta en esta web http://www.urbananew.net

SäNTÿ dijo...

Hola!!

Anónimo, la forma en que esa web, a la que hiciste referencia, coloca Imágenes en cada gadget es con un gadget HTML/Javascript con etiquetas <p style='text-align:center;'><img src='URL DE LA IMAGEN' alt='Descripcion de la imagen'/></p> para cada gadget en el blog

Anónimo dijo...

Hola gracias por ayudarme. bueno ya coloque ese codigo que me diste lo que no e podido lograr hacer haora es que esa imagen se vea en un gadget ya creado como por ejemplo en el gadget de la encuesta

Mi MSN es yeisonmichigan@hotmail.com
agregame para hablar mejor
un saludo...

SäNTÿ dijo...

Hola!!

Anónimo, si quieres para el gadget de la encuesta podrías agregar un gadget con la imagen sobre del de la encuesta.

Ya que las imágenes son distintas para cada gadget y si las colocas en la plantilla todas las imágenes de los gadgets estarían iguales.

Yeisson dijo...

Hola ya por fin lo logre ya se insertar las imagenes sin tu ayuda no lo fuera logrado GRACIAS! haora tengo otro situacion pero no es sobre los gadges es sobre el codigo "Leer Mas"
si saves de algun tutoaria donde lo expleike bien me lo dejas porfavor yo e esta intentando colocarlo pero no me sale bien cuando lo coloco me sale en todo los posts al final de el texto abajo.
Un saludo I garacia!!!

SäNTÿ dijo...

Hola!!

Yessison, de nada para eso estamos aquí xD.
Aquí tengo un buen tutorial de eso de Leer mas...

Sophie dijo...

Hola! Tengo un problema, en la configuración de mi blog aparece ds veces el gadget de "Entradas del blog", algo muy molesto porque me repite el texto en otra columna. ¿Cómo puedo eliminar el que sobra? Gracias!

SäNTÿ dijo...

Sophie, la verdad es muy extraño que tengas dos veces ese gadget, pero para quitar el que sobra, debes entrar en la pestaña Diseño>Edicion HTML>SIN expandir las plantillas de artilugios

Despues tendrás que borrar la siguiente linea de codigo o algo parecido:
<b:widget id='Blog2' locked='true' title='Entradas del blog' type='Blog'>

Sophie dijo...

Uyyy resultó! Gracias, te pasaste! :) En realidad no sé qué hice para q apareciera dos veces, pero ya funciona :P Gracias!!!

Anónimo dijo...

pon atencion a este blog

http://teatropalindromos.blogspot.com/

lo que quiero que me ayudes (si esta es tus manos) es en lo siguiente: como puedo hacer algo parecido al "Menu principal" como podes ver dice: Inicio, quienes somos, etc y al darle clic se dirige como a otra parte del mismo blog

¿como puedo hacer eso en mi blog? se agradece la ayuda pura vida gracias

Atte: tavo

SäNTÿ dijo...

Anónimo, el menu que comentas no se dirige al mismo blog, si no que se va a otro del formato:

Principal:http://nombreblogoriginal.blogspot.com

Secciones:http://seccion-nombreblogoriginal.blogspot.com

es decir, creo un blog para cada sección de el blog principal y los enlaces dirigen a cada blog. Eso si, colocando la misma plantilla en cada blog.

Y los enlaces son solo una lista de enlaces.

Pilykithaaa*!!! dijo...

hola bueno mi problema esta en que no se que le pasa a mi blog de repente no me deja modificar nada :$
http://glitzerndentraumerisch.blogspot.com/#Scene_1
siempre aparece esa terminacion #Scene_1 y ya estoy desesperada ;( llevo horas tratandode ver que hice mal pero nada ahhh quiero llorar crees que podrias ayudarme? si quieres te mando la plantilla HTML y tume dices que onda? mi correo es tivoglio_piyk_bne@hotmail.com por si me puedieras ayudar :-I te lo agardeceria mucho

ТĦع ŊøLع§ dijo...

oeee km puedo poner para q dejen komentarioz ami blog pzz.. kmm se llama el gadget para poder agregarlo pzz.!!! no necestio ya pz ese favor..!!

SäNTÿ dijo...

ТĦع ŊøLع§, Debes entrar en Diseño>Edicion HTML>Expandir las plantillas de artilugios y despues.

[1] Busca <b:section class='main' id='main' showaddelement='no'> o algo parecido, y justo despues agrega esto:

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:_postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:_post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

[2] Despues debes buscar algún fragmento de esto:

<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>

</b:if>

[3] Debes agregar el siguiente código en negrita, como esta a continuación:
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:_post.showBacklinks'>
<b:include data='post' name='backlinks'/>

<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>

<div 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>
</div>

</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:_post.showBacklinks'>
<b:include data='post' name='backlinks'/>

Fíjate que las data:_post tienen un guion bajo debería decir data:post pero sale un emoticon, es por eso que tiene el guion bajo. Para encontrar correctamente el código debes borrarlo.

Esta un poco reborujado, pero espero que lo entiendas xD; Suerte!!

ТĦع ŊøLع§ dijo...

alguien me lo pued acer
le paso too no entiendo ni mierda..!!
se lleva toodaz las graciaz paseme su korreo xqfa q nescito eso pzz

SäNTÿ dijo...

ТĦع ŊøLع§, mi correo lo encuentras en: contactarme

Lauchablanca dijo...

Hola estoy haciendo un blog y se me presentó un problema.
Mi blog es http://dineroeninternetlaverdad.blogspot.com/
Si te fijas hay dos marquesinas con dirección vertical. La de arriba (que dice PRUEBA) la coloqué como widget nuevo de HTML/JavaScript, antes hice el script en widgetbox.com. y en blogger sólamente vinculé el link. Se entiende?
No quiero la publicidad de widgetbox, por lo que quiero sacarlo y crearlo como widget en Blogger directamente, pero no funciona. No aparece el tip de descripción y no toma las características del estilo.
Cuál puede ser la razón?
Conocés alguna otra página en donde pueda crear el widget (yo tengo mi código propio, con estilo css propio y vínculo a un .js externo para que funcione bien), sin que te pongan publicidad?
El servicio de widgetbox es bueno, fácil de usar. Pero me arruina toda la estética con la publicidad.
Gracias

dondelohabredejado dijo...

Cambié la plantilla de mi blog, por una que bajé, gratuita, de un sitio en internet.
Se me presenta el problema de que no puedo mover los gadget. Los muevo con el cursor pero regresan al lugar en el que estaban, y cada nuevo gadget que coloco queda arriba del todo.
Supongo que habrá que modificar algo en el código, pero yo de esto no entiendo nada. Me podrás ayudar, por favor?
Desde ya te agradezco muchísimo.
Saludos.

2M-IMPORT dijo...

hola amigo que bueno esta tu blog,,, una consulta si me puedes ayudar por favor, quiero poner un menu en la barra horizontal por de debajo de la cabecera pero el gadget me permite solo ponerlo en dos formas y me queda mal el menu, tu sabes alguna fomra poner donde quiera el gadget o al asi para poner bien mi menu

SäNTÿ dijo...

2M-IMPORT, tal vez podrias mover el gadget debajo del header y arriba de las entradas, mira esta pagina:
Añadir Gadgets entre el header y las entradas

Espero te sirva!!

miguelmarlene dijo...

Hola, quiero plantearles un problema que tengo desde hace un par de semanas: cuando abro mi blog aparece una ventanita "contadores.jubbee.com" sobreimpresionada que me pide usuario y contraseña. Tras darle a cancelar cuatro o cinco veces, desaparece pero es muy molesto porque siempre que abro o alguien va a mi blog aparece la dichosa pantallita. No he puesto ni contador ni nada parecido , ni he modificado plantilla para que salga esto. ¿Cómo podría eliminarlo? ¿dónde miro en la plantilla para poder eliminarlo? en ésta vienen mucho texto (en inglés) y numeración y no entiendo qué hay que eliminar...en fin, estoy un poco perdido y no sé qué hacer. La dirección de mi blog (dedicada a una actriz clásica, Marlene Dietrich) es www.clasicmarlene.blogspot.com por si queréis ver el blog y esta ventana dichosa emergente. Gracias de antemano por vuestros consejos.

SäNTÿ dijo...

miguelmarlene, a mi no me aparece ninguna ventana, no se a cual te refieres.

miguelmarlene dijo...

Al final pude eliminar la dichosa ventana que era de un antiguo contador que puse y luego eliminé, he podido quitarla eliminando en la plantilla el código que aparecía. Muchas gracias de todos modos por el interés mostrado.

SäNTÿ dijo...

miguelmarlene, gracias a ti por comentar, si necesitas algo mas puedes comentarlo y con gusto haré lo posible en ayudarte xD!!

miguelmarlene dijo...

Muchas gracias de nuevo, ante cualquier duda o problema te consultaré. Muy amable, gracias y saludos.

3 pedazos dijo...

che decime como poner gatget :)

Amelio Luna dijo...

Santi, tengo un problema que suena ridículo, pero cuando termino el widget no me deja ubicarlo. Es decir, sí lo puedo mover con el mouse mientras lo arrastro, pero no se queda donde lo dejo y se vielve inmediatamente al lugar de origen. Es raro, pero me sucede en los dos que tengo. ¿Me ayudas?

aula subversiva dijo...

saludos, estoy creando una tarea para la universidad, pero me sucedió, que cuando entré a editar el diseño de una de las pestañas, categorias, desaparecieron todos los elemntos de pagina que habian para agregar mas gadget segun el diseño de la plantilla... ¿me podrias ayudar???
saludos y muchas gracias

Supremacy Death dijo...

hola tengo un problema es que agregue un chat al blogger y tambien un plylist pero el chat quedo sobre el playlist y no se be y quiero saver como moverlo si me puedes envian la soulucion al correo mucho mejor
xoxco11@hotmail.com

creando-revolucion dijo...

Hola, les comento mi problema a ver si uds me pueden ayudar. Lo que yo quiero hacer es quitar el lugar donde se pone el gadget más que editar alguno ya subido. Editar y mover un gadget subido es facil, pero blogger no te deja arrastrar el, digamos, lugar donde va el gadget.

Miren: www.creando-revolucion.blogspot. Queda así porque debajo del titulo hay una linea con 4 gadgets! Entonces cuando agrego unos elementos en la columna derecha... se me estiran todas las demas! Yo quiciera que independientemente de lo que esté en las dos columnas de la izquierda, la entrada del blog siempre aparezca debajo del titulo; y no con todo ese gris en el medio :( A ver si me pueden ayudar, que me está volviendo loco! graicass

creando-revolucion dijo...

Miren, la subí a imageshack para ser mas práctico: http://img297.yfrog.com/img297/4724/problemaa.png

:)

SäNTÿ dijo...

creando-revolucion, intenta entrando en el panel Diseño>Edición HTML>Expandir las plantillas de artilugios y eliminar la siguiente etiqueta en negrita:

<b:section class='columna' id='columna4'/>
</div>
<div style="clear: both;"/>

suerte con ello ;)

Supremacy Death, En el paso [5] de este post agregue otros subpasos. Espero te sirvan xD!!

creando-revolucion dijo...

Nahhh! Idolo! Benditos los que entienden este dichoso codigo. Ultima ayuditaa... ahora que coordina, se le fue el color griss que tenia de fondo (como el de la fecha, arriba a la der). ¿Puedo hacer algo?

SäNTÿ dijo...

creando-revolucion, para eso estamos aquí ;). Eso del fondo gris, para solucionarlo intenta entrando a donde mismo(Diseño>Edición HTML>SIN expandir las plantillas de artilugios) y agrega antes de ]]</b:skin> lo siguiente:

/* Fondo gris en barra
========================== */

.columna {
background:#EAEAEA;
}

Eso en negrita no es indispensable, es para una mejor organización, interesante tu primer post :P

creando-revolucion dijo...

;) Facilisimo! Que bueno que te interesó el 1er post, ya es muy bueno que alguien lo haya leido! jaja Tengo grandes planes, hay que ver si consigo plasmarlos en codigos.

Otra cosita que me anda pasando es que ayer me volvi loco tratando de agregar el "leer más..." a mis entradas. Seguí los pasos de acá: http://www.oscargp.net/2008/07/agregar-leer-mas-o-read-more-a-blogger-blogspot-ii.html Y tuve dos grandes problemas: Por un lado, en la única entrada que tengo me aparece al final el "leer más". Creé otra para ver que onda (luego de modificar eso de confuguración en la plantilla de entrada) y me tira erro de codigo; que no acepta el META o algo asi (ya lo quité y no me puedo fijar bien)

En fin, gracias por toda la ayuda prestada!

creando-revolucion dijo...

Yo denuevo, sumando problemas! :S Ahora que agregué elementos a la columna 3 se me corre la entrada también. Por sentido común, intenté hacer el paso que me diste para arreglar la columna 4 en la columna 3... pero no encuentro en la 3 un lugar similar a la 4 para corregir. Y antes que hacer alguna cagada... te pregunto! :P

SäNTÿ dijo...

creando-revolucion, que bien :p, ojalá puedas si no puedes aca te ayudamos ;). Eso de la comlumna 3, solo cambia el siuigente valor en negrita:

<div style="margin: 0pt; width: 25%; float: right; text-align: left;" id="columna4">

con este otro valor

<div style="margin: 0pt; width: 24.9%; float: right; text-align: left;" id="columna4">

Ese post de donde lo quieres colocar es algo viejo, si te interesa esto es mucho mas sencillo:http://santyweb.blogspot.com/2009/09/ahora-nativo-de-blogger-leer-mas.html

creando-revolucion dijo...

Listo che! Me voy a recorrer todo tu blog, que veo que es todo super didactico y, además, te ocupas muchisimo. Mis sinceras felicitaciones, tanto por la rapidez con que contestas como por tener un blog tan ameno y práctico. Y ya que hojeaste mi blog de una hoja, si tenes alguna sugerencia de que quedaria bien; me vendria barbaro. Me voy a recorrer tu blog!

Tokyo dijo...

Hola Santy me llamo tokyo te dejo mi msn para poder contactar conmigo es que estoy iniciando un blog desde cero y la verdad no se nada de eso ya tengo algo pero estoy atorado espero puedas ayudarme te lo agradeceria saberj_cereza2@hotmail.com Gracias!!

CID dijo...

Muchas gracias por los datos!. para mover los gadgets!.. ya me estaba doliendo la cabeza de no poder hacerlo hace rato. Gracias!!!!

Misael dijo...

visita mi web http://misvlisk12.blogspot.com/

Michelle. dijo...

MIL GRACIAS!! estare en deuda contigo toda mi vidaa! xD
te pasaste en serio :)

Ricardo dijo...

Ustedes si se pasan de locos todas sus informaciones me han servido. senkiu ball

FE Y ALEGRIA RIOBAMBA dijo...

Hola por favor necesito eliminar unos gadget que puse de prueba en mo blog comolo hago

SäNTÿ dijo...

FE Y ALEGRIA RIOBAMBA, hola y bienvenido!!

Lo que debes hacer es entrar en el panel de Diseño de tu blog, despues te diriges al gadget que veas extraño y le das click en editar, si vez que no lo agregaste tu o es algo extraño lo eliminas, xD.

Suerte!!

Anónimo dijo...

hola yo me acabo de hacer un blog y qerria saber como se pone un gadget si alguien lo sabe q porfavor me lo diga
muchas gracia:
anonimo

zONAcRISTO dijo...

holas que tal esta muy bueno todo pero lo intento poner ese codigo y no me sale nada no se como poner iconos o imagen diseñada por mi en cada categoria o gadget de mi blogger ayudenme quiero q se vea mas o menos asi http://dorama-sindescargar.blogspot.com/ ahi los tiene bien organizados como seguirdores proyectos etc etc los quiero poner asi en mi blogger ayudenme pero claro con mis diseño como puedo hacerlo porfiss!!!!

zONAcRISTO dijo...

porfiss:\ repondanme lo que envie aqui les dejo mi correo zonacristo@hotmail.com

ATHENEA dijo...

EXCELENTE!!!!!!!!

Carlos de Zaragoza dijo...

Mi blog no parece tener gadgets en HTML/Javascript y no sé como añadir un contador de revolver maps pues no me deja pegarlo en ningún gadget

JuanJosé dijo...

Me puedes decir,por favor,como eliminar el gadget justo debajo de todo,de mis programas,de divshare,ese gadget de noticias,que pone...rock radio bar,al editar,no me sale nada,excepto mis divshare,osea,es como si no existiese,pero sigue ahí.

JuanJosé dijo...

Perdon,este es mi blog,ahí esta ese dichoso gadget........http://rock-en-el-aire.blogspot.com/

princess black dijo...

quiero saber como puedo mover el chat ya que seha quedado al principio de la web y no se ve bien quiero

Martin K dijo...

A mi no me sale para añadir gadgets porfavor ayudame!!!!!!!

Martin K dijo...

No me sale para añadir gadgets en diseño y todo eso porfabor ayudaaaaaa!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Alba* dijo...

Hola, me gustaría saber si me puedes ayudar a centrar en la pantalla el gadget "Menú" con las páginas. Gracias.

SOS ATE TE INFORMA dijo...

hola no puedo eliminar desde mi blog el gadget loan repayment time calculator este gadget me ha producido un virus en la que inpide visualizar mis publicaciones a mis lectores...como puedo eliminarlo. saludos

Mary Surfer dijo...

Hola quiero aprender a poner un gadget en mi blog, y además a eliminar también uno.
GRACIAS ESPERO RESOUESTA

Ricardo Moreno dijo...

Hola:
¿Sabes cómo copiar el link de un video de youtube, para que se reproduzca por defecto en mi glog en HD?
He probado de añadir &hd=1 pero no funciona.
Muchas gracias amigo.

Angela Sammyra HT dijo...

Hola quisera saber como hacer un gadgets como el que sale en este blog (el de papa noel) quiero personalizar uno pero con otra imagen

http://bigbangfansperu.blogspot.com/

R.A Kimdom dijo...

Hola! intente borrar un gadget pero aparece el nombre, sin embargo le di a eliminar pero se quedo alli, es decir, cuando lo abro me aparece es Invalid widget: BlogArchive1

Error 400


Página Principal
Arriba