JMiur [E]

Las plantillas de Blogger Beta son incompatibles con las plantillas normales, los códigos han cambiado por completo y si bien, algunos sólo son variaciones de los originales, se incluyen otros que implementan las nuevas funciones de edición.

La estructura básica de una plantilla nueva es la siguiente:
declaraciones normales
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC ....... >
<html xmlns='http://www.w3.org/1999/xhtml' ....... >

header de la página
<head>

incluye metadatos
<b:include data='blog' name='all-head-content'/>

título de la página
<title><data:blog.pageTitle/></title>

genera una instrucción STYLE
<b:skin><![CDATA[

variables accesibles a través de Font and Colors
<Variable name="bgcolor" description="Back Color"
type="color" default="#000" value="#000000">
.......
<Variable name="bodyfont" description="Text Font" type="font"
default="Trebuchet,Arial,Sans-serif"
value="Trebuchet,Arial,Sans-serif">

....... declaraciones de estilo CSS

las variables pueden usarse en las declaraciones, por ejemplo:
body {color: #000000; .......
puede expresarse como:
body {color: $bodyfont; .......

]]></b:skin>

</head>

cuerpo de la página
<body>

<div id='outer-wrapper'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
elemento HEADER
<b:widget id='Header1' locked='true' title='nombre' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

columna izquierda
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
elemento POST
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

columna derecha
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
elemento PROFILE
<b:widget id='Profile1' locked='false' title='titulo' type='Profile'/>
elemento LIST
<b:widget id='TextList1' locked='false' title='titulo' type='TextList'/>
elemento LINKLIST
<b:widget id='LinkList1' locked='false' title='titulo' type='LinkList'/>
elemento PICTURE
<b:widget id='Image1' locked='false' title='titulo' type='Image'/>
elemento LABELS
<b:widget id='Label1' locked='false' title='titulo' type='Label'/>
elemento ARCHIVES
<b:widget id='BlogArchive1' locked='false' title='titulo' type='BlogArchive'/>
elemento HTML
<b:widget id='HTML1' locked='false' title='titulo' type='HTML'/>
</b:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div>

elemento FOOTER
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div>
</div>

</body>
</html>

el contenido de la instrucción WIDGET sólo es visible si se activa la opción 
Expand Widget Templates  en la solapa Template (Layouts) / Edit HTML
Instrucciones del HEADER
<b:include name='nombre' data='datos' />
"incluye" un conjuntos de datos
name (obligatorio) nombre único
data (opcional) expresión o datos a pasar

<b:skin>
.......
<Variable name='nombre description='texto' type='tipo' default='valor'/>
....... códigos CSS .......
</b:skin>
esta estructura contiene las declaraciones de estilo CSS y las variables que
definen cada una de las fuentes y los colores
name nombre único para la variable
description nombre descriptivo
type puede ser font o color
default valor por defecto
las variables pueden usarse para definir los estilos, por ejemplo:
color: $variable_name
Instrucciones del BODY
<b:section id='nombre' class=' tipo'
maxwidgets="num" showaddelement="yn" growth ="tipo">
.......
</b:section>
define cada sección de la plantilla donde:
id (obligatorio) nombre único
class (opcional) nombre de la clase
pueden ser: navbar header main sidebar footer o cualquier otro
maxwidgets (opcional) cantidad máxima de widgets permitidas
showaddelement (opcional) se usa para edición, puede ser yes o no
growth (opcional) ubicación de widgets horizontal o vertical
preferred es un atributo no documentado
cada sección contendrá una o más widgets y será reemplazada por una etiqueta 
<DIV> con el mismo atributo ID

<b:widget id="nombre" type='tipo' locked=" yn" title="texto" pageType="tipo">
.......
</b:widget>
una widget es un contenedor cuyo contenido puede ser manejado en la solapa Page
Elements, los datos son guardados en la base de datos de Blogger y son cargados
en forma dinámica
id (obligatorio) nombre único
type (obligatorio) indica el tipo de contenido
pueder ser: BlogArchive Blog Feed Header HTML Image LinkList List
Logo BlogProfile Navbar
locked (opcional) indica fija o editable (yes o no)
title (opcional) título o un nombre por defecto
pageType (opcional) indica en qué páginas se muestra
pueden ser: all archive main item
cada widget será reemplazada por una etiqueta <DIV>; con el mismo atributo ID
Instrucciones de DATOS
los datos individuales son accesibles a través de las instrucciones:
<data:tipo/>
los datos contenidos en colecciones son accesibles a través de las instrucciones:
<data:tipo.atributo/>
en cualquier caso, el tipo y los atributos dependen del widget donde se encuentran

101 comentarios:

Bruja  

hola.

Te quería pedir un favor. Bueno, dos realmente.

me cambié a las nuevas plantillas de beta y no se donde poner el código para el ícono que sale al lado de la url [el que es "link rel="]

¿puedes decirme donde ponerlo?

Lo otro es que no encuentro como alinear la altura del sidebar y el de las entradas.

Gracias.

Responder
JMiur  

Acabo de publicar este POST para contestar tu primera pregunta. Espero que te sea útil.

Ahora voy a ver tu blog para tratar de entender mejor la segunda. Si sobrevivo a los hechizos, intentaré ayudarte.

Responder
JMiur  

Mira en la sección de estilo de la plantilla (b:skin), y busca esto:

#main-wrapper {
width:620px;
float:right;
padding:100px 0 20px;
font-size:85%;
.......
}

Cambia lo resaltado por padding:0 0 20px;
y ambas columnas quedarán a la misma altura.

Te voy a mandar un email un poco más explicativo.

Responder
Bruja  

Podras ver... Todo listo y justo como lo quería. Mil Gracias. Me seguire pasando para ver nuevos trucos.

Adiós.

Responder
JMiur  

Acabo de mirar y todo se ve perfecto :-)
Gracias por los mensajes.

Responder
Anónimo  

hola

tengo una plantilla y al pasarla a las nuevas veo que los comentarios previos ya no salen igual que antes. hay que optar por jerarquizarlos y solo sale el nombre del comentario del mes en curso. el resto no salen. antes si.
hay alguna solucion para esto?

Responder
JMiur  

Fijate en esta entrada.

Responder
emigasei67  

Hola..Bueno el blog..Enhorabuena...Gem@ me ha recomendado que vieniera aquí para hacer una pregunta...

Vereis..Me da error al utilizar vista previa o guardar en plantilla y no me deja realizar los cambios...En ayuda Blogger les he propuesto el error con una serie de números y aún no me han dado una respuesta. Me podeis indicar algo...Gracias y saludos...

http://emigasei67-elrastreador.blogspot.com/

Responder
JMiur  

Hola:

Si entras en la plantilla y, sin hacer cambios ni modificar nada ¿puedes usar vista previa? ¿puedes guardar la plantilla?

Si la respuesta es NO, significa que el problema es de Blogger.
Si la respuesta es SI, es posible que el cambio que quieras hacer no sea correcto, en ese caso, mándame un mail explicándome qué quieres hacer.

Responder
emigasei67  

Hola jmiur...gracias por contestar...El problema es que blogger me manda una serie de números letras, etc..Que es el error...Estoy en plantilla para utilizar vista previa y error..Guardar los cambios me los guarda pero da error y no me deja modificar nada, por ahora...Según dices, creo que el problema sigue siendo de blogger...Tendré que esperar??? Saludos......

Responder
JMiur  

Tal como dices, parece un error de Blogger.

Esos errores tienen un código de letras y números ¿Cuál es? Suele encontrarse información sobre ellos buscando en Google y tal vez alguna respuesta.

Responder
emigasei67  

Hola jmiur..Te comentaré que tampoco veo la pregunta en ayuda de blogger..Increíble..y eso que lo mandé dos veces......

Bien, los errores son cuando doy a vista previa...

bX-86kn6p
Información adicional
blogID: 1164528365625867101
host: www.blogger.com
uri: /rearrange

Cuando guardo los cambios....

bX-ji78k6
Información adicional
blogID: 1164528365625867101
host: www.blogger.com
uri: /rearrange

Muchas gracias por tu ayuda..Que yo sepa puedo publicar, editar, pero no puedo cambiar nada en el blog...Gracias de nuevo..Un saludo..

http://emigasei67-elrastreador.blogspot.com/

Responder
JMiur  

Ambos errores aparecen en los grupos de Google pero no hay respuesta alguna, sólo quejas.

Responder
emigasei67  

Hola..Entonces solo me queda esperar...no?????

Gracias...

http://emigasei67-elrastreador.blogspot.com/

Responder
JMiur  

Esperar, insistir con la queja y ver los Grupos de Google de tanto en tanto para ver si aparece alguna explicación.

Otra cosa que se me ocurre es crear un blog de pruebas, colocar una plantilla standard e ir modificándola poco a poco para ver si en algún momento se produce el mismo error. Eso podría darnos una idea de por dónde buscar el problema.

Responder
emigasei67  

ok..gracias jmiur..Un saludo...

Responder
emigasei67  

Hola..xD..sigo con el mismo problema...Sin resolver ni con ayuda de blogger...Algún archivo mal o html......A saber donde está el fallo en la plantilla....

Saludos........

http://emigasei67-elrastreador.blogspot.com/

Responder
JMiur  

Intenta colocarla en un blog de pruebas a ver que ocurre. Claro que no se verán los elementos agregados pero eso puede darte una idea de lo que está ocurriendo.

Responder
emigasei67  

Ya lo hice..y me pone que uno de los archivos html no es aceptable...A saber cual es.........Salu2...

Responder
JMiur  

¿Archivos HTML inaceptables? Ese tipo de mensaje no lo comprendo.

Cuando copias y pegas la plantilla en un blog nuevo, lo más probable es que te informe que ciertos elementos no estan y si quieres eliminarlos, a lo que debes responder SI. Las plantilla no contienen los datos de los elementos agregados.

Responder
emigasei67  

JMiur..Hice lo que me dijiste, copié plantilla en otro blog y en ese momento me dijo que uno de los archivos html no era válido o aceptable, bueno, algo parecido....

Lo único que puedo hacer al final es mandarte mi plantilla por correo y darme tu opinión, si puedes, claro..

Gracias, perdona y un saludo......

Responder
JMiur  

Sí, no hay inconveniente, envíala y si descubro algo, te aviso.

Responder
emigasei67  

Está enviada...Gracias...

Responder
HaCk CrAcK  

Hola jimur, sabes como insertar el menu de esta pagina : http://nadameansnothing.com/ o como se llama este tipo de menu para buscarlo por mi cuenta?

Responder
JMiur  

Se llama LavaLamp: AQUÍ.

Responder
Rodrigo Zamorano C.  

Hola JMiur, siempre que necesito ayuda para mi blog vengo a tu sitio para salir de mis problemas, sin embargo esta vez hay algo que me tiene atascado.. me gustaría usar el formato de los posts de esta plantilla http://viewtimeclub.blogspot.com/ y usarla en esta otra plantilla http://mpitrufquen.blogspot.com/

me podrias ayudar en qué parte debo copiar qué código???

Responder
JMiur  

Rodrigo:
No sé cuan diferentes son en su estructura así que puede haber algunos detalles pero, en principio, bastaría copiar y reemplazar todas las propiedades CSS que están entre:

/*-- (Principal) --*/
...................... son las propiedades de los posts
/*-- (Lateral) --*/

y todas las que están entre:

/*-- (Iconos)-- */
...................... son los íconos
</b:skin>

También habría que cambair las propiedades de:
body {.......}
a {.......}
p {.......}

Responder
Claudio - Poca Tinta  

JMuir, una consulta... jejeje

Como siempre, ¿cómo se puede poner el #sidebar-wrapper a la misma altura que el #header-wrapper. (osea que la header este pegada al lado izquierdo y que la barra lateral empiece al costado).

Responder
Claudio - Poca Tinta  

Mejor esta consulta, quiero saber si puedo poner un 'widget' de blogger en el lado derecho del #header, como los feeds o buscador.

Responder
JMiur  

Si. eso no es problema, hay que establecer las propiedades CSS adecuadas pero eso, calro, dependerá de cada plantilla. No se si este post te puede ayudar para tener una idea.

Responder
El Mago Oscuro  

Hola mira llegue a esta pagina y tengo el siguiente problema espero puedas ayudarme:

he visto que en algunas paginas tienen solo una sidebar, sin embargo pueden acomodar un widget grande o dos alprincipio, claro uno abajo de el otro, pero despues veo que abajo pueden acomodar 2 widgets alineados lateralmente, como es eso posible, o mas bien, como lo podria hacer para mi blog, he buscado mucho pero no encuentro esa informacion en ningunlado espero puedas ayudarme, mi blog es

http://www.blogger.com/
y mi correo: joshk_dfc@hotmail.com

espero me puedas ayudar por favor

Responder
JMiur  

Tendría que ver un ejemplo pero en geenral, se puede combinar una sidebar ancha con otras dos angostas. En el blog de Gem@ hay una explciación al respecto.

Responder
El Mago Oscuro  

a ok gracias, por tu explicacion si me ayudo, ahora mi pregunta es, puedo agregar tantas sidebar como yo quiera, por ejemplo, dos angostas, despues una ancha y luego otras dos angostas y despues otra ancha, segun segun lo que valla usando?

no se hara lenta la pagina o algo asi?

de antemano gracias

Responder
JMiur  

Poder se puede. No va a ser sencillo pero se puede.

En cuanto a la carga, eso no tiene importancia, el tiempo no depende tanto de la diagramación sino de los contenidos.

Responder
El Mago Oscuro  

Gracias por responder :)
y tu me podrias recomendar alguna pagina o ayudar a hacer eso, he estado estudiando el codigo y ya puedo agregar las sidebar que quiera, modificar el ancho y todo eso, pero aun mi conocimiento no me da para poner una sobre otra, todas se me agregan de forma horizontal, es decir asi: _ _ _
en lugar de asi:
-
-
-
y como yo las quisiera es asi:
_ _
___
_ _
y como se valla dando el uso me podrias ayudar con eso?

de antemano muchas gracias :)

Responder
JMiur  

Voy a ver si escribo algo sobre eso en los próximos días pero, en ese caso, lo que te faltaría es agregar la última sidebar ancha. Tendría las mismas definiciones que la primera pero, como todas deben estar flotando a la derecha, es última debe incluir la propiedad clear:both;.

Responder
Niceto  

Tengo una plantilla de las antiguas en Blogger. Como la tengo muy modificada no quiero pasarme al formato nuevo, pero me gustaría que en el lateral se pudiera ver la lista de las etiquetas. ¿Se puede hacer esto?
Mi blog es http://librosjuveniles.blogspot.com

Responder
JMiur  

Lo desconozco, Niceto. Sólo usé esas plantillas un par de meses y en aquel tiempo no existían etiquetas.

Responder
Yhonny E  

Hola Jm!..
te queria pedir un favor.amigo.
es que me gusta mucho la plantilla blogy i plantilla.me la descargo un amigo y me la envio en codigos html.puesto a que mi pc tiene virus y no peudo descargar archivos.entonces.me sale para confirmar y guardar Error.hasta con el codigo de la misma plantilla que tenia antes guarda en un documento..la verdad tambien a otro amigo..que la descargo directamente.tambien le salia Error..la verdad no se que sera.ayudame porfavor

Responder
JMiur  

No sé que puede ser. La plantilla parece estar bien pero si tu PC tiene problemas, sería mejor que resolvieras eso primero.

Responder
Yhonny  

hola.bueno.es quee he estado teniendo problemas con la plantilla blogy i plantilla.creo que es un problema con blogger.por que yo insertaba sus codigos antes.y si me salia la plantilla.ahora hasta amigos la han descargado.y la han tratado de isnertar y nada!..

Responder
Afirmando mis Pasos  

Hola varon..bendiciones.se que eres un maestro en lo que a codigos html se respecta.entonces me pasaba por Aqui para plantearte la siguiente pregunta.es posible que mi plantilla pueda tener la segunda sidebar.en la parte izquierda?..si es posible.decime que peudo hacer para obtener ese efecto amigo.gracias por tu atencion..Dtb..cuidate...

Responder
JMiur  

Fíjate en este post para que te des una idea de cómo debéría hacerse.

Responder
Yhonny E  

Hola..Escribo con la siguiente inquietud..y es que ultimamente he visto un servicio de slides y videos.en el cual no muestran el servidor you tube sino que el video o slide tiene la etiqueta de blogger o de google videos.me gustaria tener informacion sobre ello.sobre como registrarme y poder crear un album de fotos con la etiqueta blogger o un video.seria bueno utilizar ese tipo de servicio para un futuro.ya que eso de you tube no tiene total privacidad.bendiciones..gracias por su atencion

Responder
JMiur  

Yhonny:
No sé de que servicio dse trata. Si me das alguna dirección donde se vea, me fijo.

Responder
Eli  

hola.mi peticion es esta.es que.elimine mi cuenta en google.y ps..ahora la creee de nuevo.y por que no puedo crear el dominio que habia tenido antes?
antes que lo creaba y eliminaba cuando keria.ahora no lo peudo crear.q horrorrrrrrrrrrrrrrrrr.ayudame Jm!..porfa!

Responder
Yhonny E  

mira varon este es el video
una vez vi algo semejante pero con la etiqueta en ve de gogole etiqueta de blogger.entonces me da curiosidad saber como puedo crear algo asi

Responder
JMiur  

Eli:
Al eliminar la cuenta, los dominios se liberan y por lo tanto, si ahora no puedes crearlo es porque seguramente ya alguien lo está usando.

Yhonny:
Eso que me muestras es Google Videos, un sistema al estil ode YouTube. Se suben archivos y puedes incrustarlos en tu sitio con el código que ellos proveen.

Responder
Yhonny E  

ah.gracias..y como hago para afiliarme a ese servicio de gogole videos.registrarme para crear uno?..

te escribe el mismo de Eli.solo que usaba su cuenta.cuando te escribi.mira.lo que pasa es que pasa esto.elimine mi cuenta google.entonces al mismo tiempo el blog se elimino.ahora no tengo prioridad a crearlo por que soy nuevo en blogger otra vez.y ps.si es por eso que decis amiguito.el blog aun no lo ha creado nadie.creo que es algo del sistema que no me deja crearlo por ser la cuenta nueva.

Responder
JMiur  

En Google Videos ya no se pueden subir más videos porque es un servicio cerrado. Puedes usar los que hay.

Al eliminar un blog, el dominio queda asociado con la cuenta y por lo tanto, no puede usarse. Si la cuenta fue eliminada, deberías tratar de crear otra con el mismo nombre y ver qué psa pero, no sé como maneja Google todo eso ni por cuanto tiempo mantiene los dominios marcados para que no puedan usarse.

Responder
Yhonny E  

ahh.gracias por tu atencion.se me olvido decirte que creee otra cuenta con el mismo correo.osea que es la misma.solo que es nueva.jejexD.no vieja como la otra.creo que es algo como eso que dices tu.que hay que saber.como por cuanto tiempo google.mantiene esos dominios marcados para el servidor antiguo.y no para el nuevo.jejexD..gracias!

Responder
JMiur  

Eso no sabría decirte, tal vez enviandoles la consulta o en los Grupos de Ayuda de Google mismo haya alguien que te pueda contestar.

Responder
Yhonny E  

Hola amigo..caminane y caminee n la red.por mucho tiempo.hasta obtener resultados.buenos.dicen que lo bueno se hace esperar.y en este caso.mi alegria es por la plantilla blogy i plantilla tres columnas.ya me pasaron la link donde encontrarla y todo.cosa euq me apena es pedirle este favor.mi pc tiene virus.amigo.y ps.eso hace que no peuda descargar ningun archivo.hasta que la formateen dentro de unos meses.es posible que ud me inserte la plantilla en el blog.porfavor.con mucha humildad y sencilles vengo a pedirle ese favor.que seria de mucha ayuda.espero su respuesta amigo..feliz noche..Dios le bendiga!...

Responder
JMiur  

Eso es algo que no puedo hacer porque no ingreso en cuentas de otros usuarios. Es una responsabilidad que no quiero asumir.

Responder
El Potro™  

¿Cuál es la función de los skiplinks? Estaba viendo el otro día que en los resultados de Google cuando aparecía mi blog en los resultados decía al inicio: Skip to main | skip to sidebar
Ignoro cuál sea la función de este elemento, lo que sí es que lo vi poco estético en los resultados.
Saludos.

Responder
JMiur  

La verdad, no sé. Si me muestras un ejemplo tal vez entienda de qué se trata.

Responder
Adoradores  

Hola.he insertado la plantilla blogy i plantilla.la misma esta desarrolada por blogandweb.entonces la inserte y segui los pasos para tener el efecto de formato de fecha en imagen, en cada entrada.entonces.todo buenisimo.resulto.bueno el caso es que el blog lo elimine, y lo cree de nuevo.ahora ps.coloque la plantilla.y por mas que tildeo la parte del formato de fecha en la penultima parte donde dice el tutorial. no me da el mismo efecto de la fecha en formato de imagen como aquella vez.sale es una fecha toda horrible.y si por mi fuera, iria a diseño, y diera en no mostrar el formato de fecha.pero conchale.me gusta el formato ese de fecha como imagen.se ve muy chevere el blog.creo que para tener ese efecto de la fecha como lo tuve cuando la plantilla estaba virgen en el blog.es atravez de un codigo.seguramente hay que modificarle algo.ayudeme porfavor

He Aqui el Tutorial con la Plantilla

He Aqui mi blog

Responder
JMiur  

Lo que yo veo, tanto en Firefox como en IE7 es esto y parece normal ¿Qué parte es la que ves extraña?

Responder
Adoradores  

m..es que ya aclare la cuestion.de todas formas gracias..este blog me ha servido de mucha ayuda!

Responder
Adoradores  

hola Jmiur..me pasaba por aqui.con la curiosidad de saber sobre la nube de etiquetas que es rotativa, me explico. los titulos van rotando en el aire, y dando vueltas.las habeis visto?..no sabes como las puedo hacer?

Responder
JMiur  

Fíjate en este post allñi también hay enlaces a otros blogs donde se muestran distintas variantes.

Responder
Yhonny E  

hola varon.bendiciones.espero estes bien.queria preguntarte. sobre.por que algunos dominios en blogger, los crean con el signo menos (-) como el caso de el de la amiga gemma http://gemablog-.blogspot.com entonces.por que yo no puedo crear un blog, con el signo menos a el final. otra pregunta.en el blog que tengo no me gusta que salga el titulo y el subtitulo tan a la eskina de la izquierda.hay posibilidad de que salga.en el header el titulo y subtitulo en el centro.y como?..porfavor.gracias por su atencion!

Responder
Yhonny E  

hola..bueno.escribo otro post.por que me habia olvidado de el otro tema.disculpas.queria saber.por que en mi blog.cuando inserto algun widget de el tipo que sea, y lo agrego debajo de las entradas no obtengo lo que quiero.Creo que el color blanco de el fondo de las entradas, asi mismo como el de los widgets deberia cubrir los mismos completamente.y no a medias.esto es lo que pasa.vea Screen shot.

muchas gracias por su atencion..siempre muy amable ayudando!

bendiciones

Responder
JMiur  

Por suerte no puedes usar el signo - No es bueno colocarlo así en los dominios, trae enormes dificultades para leer los feeds y muchos servicios lo rechazan.

Paramover el tçitulo, busca:
#header-wrapper h1 {
margin:0;
.....
}
cambia eso por margin: 0 0 0 10px; por ejemplo o el valor que quieras. Pra la descripcion, lo mismo pero en:
#header-wrapper p {
margin:0;
.....
}

Lo del widget no sabría decirte porque no veo eso, lo veo de manera nomal tanto en IE7 como en Firefox.

Responder
Yhonny E  

mm..bueno..lo hise.no resulto.pero gracias amigo.quiero es aprender cada dias mas.para essto ponerlo en practica cuando con el favor de Dios tenga una web oficial que es mi sueño.jeje.

oye una pregunta.como le Quito a la plantilla eso de etiquetas que dice en la principal.y que solo se vea el icono azul que represente las etiquetas y el nombre de ellas. Ejm: Videos,Alabanzas.solo el icono azul y eso.pero que no salga la palabra etiquetas.se peude hacer eso?.porfa.quiero perfeccionar esa plantilla!..jeje

Responder
JMiur  

En Diseño | Elementos de la página, estia el elemento Entradas del blog. Allí está los textos a mostrar y puedes cambiarlo o eliminarlo.

Responder
Yhonny E  

ah..gracias..emm..disculpa tanta moelstia.jeje.me estoy convirtiendo en tu arpendiz ya..jaja.. sabeis como hago para que no me salga el logo ridiculo ese de blogger en la barra de navegacion delante del nombre de mi blog.se ve feo.queiro quie vevea la broma decente..ayudame si!..gracias por tu atencion siempre amigo!

Responder
JMiur  

Si te refieres al favicon, puedes ver este post.

Responder
Yhonny E  

hola Jm..una vez mas aca.gracias por la ayuda que siempre me aportas.

ene ste caso mi inquietud es esta

influira mucho os terminos de ueso de una plantilla, con respecto a los creadores y los que la desarrollaron.
ejemplo

si le inserto una plantilla a una web,.com siendo mi servidor blogger.

y quiero eliminarle lo que sale en el footer: de creada por desarrollada por, y solo coloco algun enlace que de a un soporte de el propietario de la web..

tendre problemas con los creadores de la plantilla.algo asi?..

Responder
JMiur  

No creo que tengas ningún problema, Yhonny. Me parece razonable.

Responder
Yhonny E  

ah..muchas gracias men..sabes que en estos dias, consegui una plantilla.que uffff...busca parecerse a tu diseño.y me ha robado el corazon!.jejeje.

la plantilla la publica Ivan en zona C.

Aqui esta

Plantilla Resurrection

Aqui puedes ver la Demo

Demo

he puesto en practica mis conocimientos en Xml, y pues,pensando aqui entrenos creo que con cierta modificacion en el color Hover en el menu horizontal

un fondo blanco para las entradas con un avatar de fecha,y crearle un nuevo fondo que compacte con el blog, asi como lo hace el que trae por defecto,que contiene en el mismo margenes que se notan en los post y la sidebar.se puede perfeccionar totalmente la plantilla agarrando un efecto buenisimo

me di cuenta tambien, que en la sidebar,en el widgets numero 3 y 4 tiene una imagen que los enmarca por debajo.azul y negro!.creo que esas imagenes se peudne editar con photoshop y caso resuelto.claro.depende de por que color uno quiera sustituir el negro.deberia ser uno que compacte con el color de imagen de fondo que llegue a utilizar en el blog.tal como pasa en la demo.

me di cuenta tambien que el fondo rodea gran parte del blog.a los post, le agrega cierto marco. o margen negro. y tambien a la sidebar.bueno varon.si notas alguna otra novedad en esta plantilla. me la informas si.porfa.

Quiero aprender a editarla, saber donde le edito el hover de el menu,y quiero ampliar el tamaño de als entradas.algo mas grande mas ancho.que agarre un efecto buenisimo.ahh y tambien aprender a insertarle un avatar de fecha a las entradas.jeje.espeor estes bien amigo.siempre fiel a los que necesitan ayuda y la buscan.saludos

Creo que de tener un blog .com sobre mi estado, creo que le haria mucha publicidad, jejexD.

Responder
JMiur  

Todo eso me parece bien. En todo caso, hay una forma sencilla de "cometer errores" y que estos no nos molesten, crea otro blog y coloca una copia de esa plantilla, así puedes "destruirla" sin que el original se vea afectado.

Responder
Yhonny E  

jejeje..si verdad.que buena forma de inventar, y aprender..que codigos me recomiendas modificar para poderle cuadrar mas tamaño a los psot. y que cuadre con la sidebar.no se por donde empezar amgigo!.

Responder
JMiur  

No estoy muy seguro de lo que quieres hacer pero, si se trata de ampliar el área de los posts, primero, debes imcrementar el total. Eso lo haces cambiando la propiedad width de:
#outer-wrapper {
........
width:850px;
}

Luego cambias la misma propiedad en #main-wrapper

Por ejemplo, aumentas ambas 100 pixeles.

Como la plantilla tiene muchas imágenes de fondo, todo deberá hacerse con cuidado.

Responder
Yhonny E  

Hola Sr Jmiur he tomado la iniciativa de rcopilar y publicar las cosas que he aprendido en esto de la blogsfera, sobre todo en blogger.y ps.quisiera saber.como hago para publicar algun codigo, sn necesidad de utilizar las blouquote

ya que cuando coloco algun codigo entre una blouquote, sale el efecto.jeje

y no quiero usar el tex tarea.por que no me gusta..

gracias por su atencion..

saludos!

Responder
JMiur  

Si te refieres a escribir códigos, deben reemplazarse loo caracteres < y >

para < se escribe &lt;
para > se escribe &gt;

Responder
Yhonny E  

que.no entendi.nada..lo aplique amigo y nada.me sale la imagen..que hago??.xplciame de una forma mejor porfavor!..

Responder
JMiur  

No veo otra forma de explicarlo. Para escribir un código y que este no sea interpretado como código, deben reemplazarse los caracteres < y >:

en lugar de < se escribe &lt;
y en lugar de > se escribe &gt;

Si quiero que se vea esto:
<img src=xxxxxxxxx" />

escribo esto:
&lt;img src=xxxxxxxxx" /&gt;

Responder
Daniel Adel Hurtado  

hola muy buenas tardes.
acabo de quedarme sin empleo fijo y tengo la idea me mostrar mis productos por internet. estube a veriguando y cree un blog en blogger. pero me gustaria realizarle algunas modificaciones, como botones y poder cambiar caracteristicas de el entorno.
aunque vi html en la universidad nunca le puse atencion en realidad. pero tengo la tarea de estudiarlo para poder realziar los cambios. quizas usted podria aconsejarme o indicarme el como enpezar ya que el tiempo que tengo es muy poco y la idea es que los clientes puedan ver las blusas que ofresco.
mil gracias por la atencion prestada
quedo atento a los comentarios.
el blog que cree es http://blusasamor.blogspot.com/
como lo ve nisiquiera e podido cambiarle la plantilla que tiene por defecto.
si tiene un paso a paso para la modificacion de un blog le agradeceria mucho. mil gracias

Responder
JMiur  

No hay nada de eso. Convendría que buscaras una plantilla que se amoldara a tus necesidades y el resto es trabajo artesanal porque las alternativas son casi infinitas.

Responder
ELSOPLON  

hola... TENGO UN BLOG... Y ME GUSTARIA QUE LOS OMENTARIOS QUE DEJA LA GENTE SE VEAN DIRECTAMENTE COMO ESTOS COMENTARIOS.... QUE NO SEA NECESARIO PRESIONAR LA PALABRA COMENTARIO PARA LEERLOS SINO QUE APAREZACAN DIRECTAMENTE DEBAJO DE CADA POST,,

¿COMO LO HAGO? GRACIASSSSSSSSSSSSSSSS
http://laesquinadelsoplon.blogspot.com/

Responder
JMiur  

Entonces, selecciona la opción Entrada incrustada a continuación en Configuración | Comentarios | Ubicación del formulario de comentarios.

Responder
Yhonny G España  

Hola,otra vez por aca para unas breves consultas amigo Jm!!!,esperando pueda ayudarme =D

1.Hay una plantilla que quiero usar en un Proyecto,se llama blogy Illacrimo,esta fuè Creada por Design Disease para wordpress y adaptada a blogger por Blogandweb.

• Illacrimo de Design Disease para Wordpress

http://designdisease.com/preview/illacrimo

La Plantilla tal cual la ha creado Design Disease y adaptada para wordpress.org tiene muchos detalles como, que Las imagenes de las Entradas a simple vista se ven con un borde azul claro, y cuando se les pasa el click por encima el hover color se cambia a azul obscuro,y asi pasa tambien con las imagenes contenidas en el plugin de flickr que muestra las ultimas fotos que se ha colgado en la cuenta de flickr.este efecto no se ve en el enlace,pero si lo he visto en blogs de wordpress.org con este Theme.

Otra de las cosas que me llaman la atencion es la imagen en la esquina izquierda o iconos que tienen en cada widget.

2.Esta Plantilla pero adaptada para blogger no tiene estos beneficios o detalles,los widgets no tienen esos iconos en la esquina izquierda,y menos el efecto de bordes en las imagenes.

• Blogy Illacrimo de Blogandweb para blogger

http://blogandweb.com/plantillas-blogger/plantilla-blogy-illacrimo/

Es posible,crear un blog,adaptarle la plantilla blogy Illacrimo para blogger de parte de Blogandweb, y atravèz de el codigo Html aplicarle el efecto de bordes con hover de colores tal cual se manifiesta en wordpress.org?. Podria aplicarle el icono en la esquina de los widgests y en este caso no violar algunos derechos de uso de Design Disease para esta plantilla?.Quiero saber si es posible, y como?¿ :( si me puede ayudarme.

Muchas gracias por su Atencion.Un abrazo y Feliz Navidad.

Responder
JMiur  

Sí, es posible pero habría que ver un ejemplo funcionanado ya que el demo no tiene imágenes.

Algunas cosas serán mas complicadas que otras, por ejemplo, los widgets de la sidebar ahora tienen un fondo que es la línea de puntos inferior. En la original, el fondo es ese ícono de cada categoría. Como no puede haber dos fondos podria agregarse una etiqueta extra a esos títulos; cada uno con la imagen que se elija:

<h2><span style="background:transparent url(imagen) no-repeat left 50%;"><data:title/></span></h2>

No veo imágenes en las entradas pero, eso también es posible habría que verlo online. De modo genérico, esto haría que todas las imágenes tuvieran un borde rojo y al pasar el mose cambaira a azul pero, hay cientos de alternativas diferentes:

img { border: 1px solid blue; }
img:hover { border: 1px solid red;}

Responder
Yhonny G España  

@ Jmiur: Hola, Ah con razon. y sabe,siempre se ha visto buena esa linea de puntos,por que separa el contenido de cada widget en esa sidebar.

No entendi esto:

"...podria agregarse una etiqueta extra a esos títulos; cada uno con la imagen que se elija:..." :(

Aca hay un blog donde tiene ese efecto, pero es de wordpress.org

http://www.mayvelous.com/

Pero ese efecto hover en las imagenes, sea en las Entradas o en un widget lo veo en casi todos lados.jeje.y en este caso en blogs de blogger.

como en el blog de Gema http://gemablog-.blogspot.com/ en su widget de el blog de la semana. :)

Gracias de antemano. Un abrazo.

Feliz año nuevo!!!

Responder
JMiur  

Para que los títulos de la sidebar tengan una imagen d fondo diferente, debes agregar un widget y luego, editarlo. Allí, deberías ver algo como esto:

<h2><data:title/></h2>

data:title es el título que se le ha dado al crear el widget.

Si quiero que cada uno de esos títulos sea diferente, les agrego una etiqueta con una imagen de fondo; esa etiqueta es el SPAN, por ejemplo:

<h2>
<span style="background:transparent url(imagen) no-repeat left 50%;">
<data:title/>
</span>
</h2>

El efecto hover sobre las imágenes es algo común, aqui no se trata de WordPress o Blogger sino de saber cuales son los ids y clase de esa plantilla para determinar cuales son las definiciones adecuadas en cada caso. Por eso, es necesario verlo.

Responder
Yhonny G España  

Bueno, gracias. este es el blog http://blogcaminoaemaus.blogspot.com/

Responder
JMiur  

Debes agregar dos definiciones antes de </b:skin> Una para las imágenes de las entradas y otras para esas mismas imágenes cuando se coloca encima el puntero:

.post-body img {}
.post-body img:hover {}

Por ejemplo, esto les coloca un fondo que cambia de color:

.post-body img {border:1px solid #CCC;padding:5px;background-color:#EEE}
.post-body img:hover {background-color:#D2D3D3}

Y esto un borde que cambia de color:

.post-body img {border:1px solid #CCC;}
.post-body img:hover {border:1px solid: #005B8E}

Responder
Yhonny G España  

Gracias, bueno supongamos que voy a colocar solo el borde de color con el hover por que solo con el borde de esa manera se ve como con mas estetica,mas dinamico,coloco ese codigo antes de b Skin con los artilugios expandidos o normal?.

Gracias!!! :D

Responder
JMiur  

Lo colcoas entre <b:skin> y </b:skin> Si te fijas, verás que allí está el resto de las definiciones de estilo de tu sitio. No hace falta expandir los artilugios ya que esa parte no está contraida.

Responder
Yhonny G España  

Que bien :), ya lo probe,jeje. Solo hace falta probar los diferentes #.... segùn el gusto, y que me combine con la plantilla para tener un efecto parecido a el de http://www.mayvelous.com. claro, no igual.quiero hacer algo original.

Muchas gracias!!!..

saludos

Responder
Ogni  

Hola JMiur, primero de todo, gracias por currarte un blog como y tener una respuesta siempre a mano. Verás, hace unos días que decidí pasarme al beta de blogger y en un principio, parecía que todo iba bien arrglando cosillas por aquí y por allá, todo gracias a este tipo de blogz. Pero de repente ayer, me desapareció la imagen que tenía en el header de background. Intento añadirla desde la url, pero no lo consigo. Y si lo hago subiendo la imagen, el tamaño ahora me sale muy reducido.

Como hago para modificar el tamaño o para añadir la imagen desde la plantilla?? Lo he estado intentando pero no lo he logrado.

Muchas gracias.

Responder
JMiur  

Tendría que saber en que blog la has colcoado porque no veo ninguna. Se agrega exactamente igual que antes, en eso, no hay cambios. Si queda pequeña, veriica primero si el tamaño es el que realmente necesitas mirando el original y si es así , déjala puesta para que pueda hecharle un vistazo.

Responder
Carmenchu  

Buenos días JMiur, Quisiera saber cómo podría dar formato a los comentarios, poniendo por ejemplo en negrita el nombre de la persona que comenta o una letra de cuerpo un punto superior al del texto. Cuando hay mucho comentario, es difícil discernir dónde acaba uno y empieza el siguiente. Aunque no sea tan sofisticado como lo que tú tienes. Y, si no es mucho pedir, cómo hacer para que la caja de texto del comentario pueda incluir una URL clicable (por ejemplo, una dirección de Youtube) sin tener que obligar a mis comentaristas a saber el código HTML, que ha de enmarcar. Que reconozca directamente que es una dirección web, vamos...
Gracias y muy útil tu web. Saludos,
Carmen

Responder
JMiur  

Carmenchu:

Para cambiar el texto/enlace que muestra a los autores de los comentarios, debería agregar algo así antes de </b:skin>

.comment-author { ... }
.comment-author a { ... }

El primero, controlaría el texto (dijo... ) el segundo, el enlace en si mismo.

En cuanto a urs clickeables en los comentarios, eso no es posible ya que no hay forma de acceder a ello; el formualrio es controlado por Blogegr y no tenemos acceso a nunguna función.

Responder
Carmenchu  

Muchas gracias por tu respuesta, JMuir. Tu página ha sido todo un descubrimiento. Lo intento, a ver qué me sale, aunque antes de acabar, una pregunta tonta (no sé prácticamente nada de HTML, sólo lo que voy experimentando con el blog), en medio de los corchetes que me indicas hay puntos suspensivos. ¿Qué debería incluir ahí dentro? Tampoco me salen las dos líneas seguidas con las palabras "comment-author", ¿sólo debería poner lo que me digas en la primera de ellas? Gracias de nuevo, sobre todo por tu paciencia.

Responder
JMiur  

Carmenchu:
Ahí, debes colocar las propiedades; por ejemplo, la que controla el tamaño de la fuente es esta:
font-size:valorpx;
donde valor es un número que ahora, es más o menos de 12px o sea, 12 pixeles así que si uno quiere que se vea más grande, habría que aumentar ese valor y podría ponerse algo así:

.comment-author {font-size:14px;}
.comment-author a {font-size:14px;}

Lo pmismo puede hacerse con el resto de las propiedades de los textos; color, negrita, subrayado, tipo de fuente, etc. Aquí hay una referencia rápida para entender eso.

No es difícil, sólo requiere paciencia.

Responder
Carmenchu  

Hola de nuevo! Muchísimas gracias por tu ayuda. Al final lo he conseguid. Había "tuneado" bastante la plantilla y algo tan simple como diferenciar los autores de los comentarios de los textos ha sido tarea bastante difícil. Sin tu ayuda, misión imposible.
Un saludo!
Carmenchu

Responder
JMiur  

Me alegra que sirviera, Carmenchu :-)

Responder
Sricaitanya Das  

como hacer de una tabla un widge y luego que salga en la pagina nueva siempre. Esa tabla convertida en widge.
Juan

Responder
JMiur  

No entiendo la pregunta. Un widget es un elemento de Blogger, por ejemplo si quieres que ese widget contenga una tabla, usas un elemento HTML y allí colocas la tabla.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR