Clonar plantilla blogger: Ayuda con estructura (body)

  • Autor Autor Wizard
  • Fecha de inicio Fecha de inicio
Wizard

Wizard

Xi
Verificación en dos pasos activada
Buenas, lo que sucede es que encontré un blog con una plantilla bastante llamativa y estaba pensando en clonarla, pero es bastante avanzada para mis conocimientos, sin embargo tengo un poco de la plantilla armada ya, alguien me ayuda con la estructura (body) de la plantilla? nos la quedaremos todos los que trabajemos en la clonación.

Aquí la plantilla original: My Blogger Tricks

Aquí lo que llevo de la clonación: Prueba Peter

Los que sepan hacer este tipo de trabajos y quieran ayudar envien mp.
 
pues ya casi la tienes, pon un fondo igual en body, haz header más pequeño, y lo otro lo puedes usar tanto en widgets, como en la plantilla manualmente! Yo lo podriá hacer, el problema es que voy justo de tiempo! Hago subir el hilo, haber si alguien se anima a echarte una mano 🙂
 
rusorico dijo:
pues ya casi la tienes, pon un fondo igual en body, haz header más pequeño, y lo otro lo puedes usar tanto en widgets, como en la plantilla manualmente! Yo lo podriá hacer, el problema es que voy justo de tiempo! Hago subir el hilo, haber si alguien se anima a echarte una mano 🙂
Hacer clic para expandir...

Gracias compañero, ya he podido dejarla bastante similar, aún me faltan algunos detalles, y otros que no tengo idea de como agregarlos, pero como está actualmente me conformo.

PD: Es mi primera clonación de plantilla 😀 y no tenía ni idea de como se hacia y tampoco se programar mucho, sólo lo básico x_X todo lo he hecho experimentando, que genial es clonar plantillas!
 
Pedro Fumero dijo:
Gracias compañero, ya he podido dejarla bastante similar, aún me faltan algunos detalles, y otros que no tengo idea de como agregarlos, pero como está actualmente me conformo.

PD: Es mi primera clonación de plantilla 😀 y no tenía ni idea de como se hacia y tampoco se programar mucho, sólo lo básico x_X todo lo he hecho experimentando, que genial es clonar plantillas!
Hacer clic para expandir...

A mi me gustaría aprender a clonar plantillas. Se Css y HTML, la cosa es que no se como hacerlo en Blogger. Si te animas te harías algo así como un tuto de como hacer para ir clonando una plantilla?

Gracias. Espero tu respuesta 🙂
 
likepop dijo:
A mi me gustaría aprender a clonar plantillas. Se Css y HTML, la cosa es que no se como hacerlo en Blogger. Si te animas te harías algo así como un tuto de como hacer para ir clonando una plantilla?

Gracias. Espero tu respuesta 🙂
Hacer clic para expandir...

Seguiré practicando con más plantillas y cuando tenga más conocimientos, cuenten con un tuto 🙂
 
Pedro Fumero dijo:
Seguiré practicando con más plantillas y cuando tenga más conocimientos, cuenten con un tuto 🙂
Hacer clic para expandir...

Para hacer la barra que esta arriba de todo, haz la barra en html y metela dentro este div! 😉

HTML: 
<div style="display:scroll;position:fixed;top:0px;left:0px;">


</div>


De esta manera bajara, al igual que ne la template original, y estara arriba de todo como la quieres! 😉 Creo que es lo unico que has podido tener difiscultades!

Un Saludo! 🙂

---------- Post agregado el 21-mar-2013 hora: 10:20 ----------
rusorico dijo:
Para hacer la barra que esta arriba de todo, haz la barra en html y metela dentro este div! 😉

<div style="display:scroll;position:fixed;top:0px;left:0px;">


</div>


De esta manera bajara, al igual que ne la template original, y estara arriba de todo como la quieres! 😉 Creo que es lo unico que has podido tener difiscultades!

Un Saludo! 🙂
Hacer clic para expandir...


Por cierto, este div pongo antes del </body> esta barra no aporta nada a google, y mejor que la vea por ultimo, y no por primero! Lo primero que tiene que ver google son las keywords 😉

Suerte!
 
Última edición por un moderador:
rusorico dijo:
Para hacer la barra que esta arriba de todo, haz la barra en html y metela dentro este div! 😉

HTML: 
<div style="display:scroll;position:fixed;top:0px;left:0px;">


</div>


De esta manera bajara, al igual que ne la template original, y estara arriba de todo como la quieres! 😉 Creo que es lo unico que has podido tener difiscultades!

Un Saludo! 🙂

---------- Post agregado el 21-mar-2013 hora: 10:20 ----------




Por cierto, este div pongo antes del </body> esta barra no aporta nada a google, y mejor que la vea por ultimo, y no por primero! Lo primero que tiene que ver google son las keywords 😉

Suerte!
Hacer clic para expandir...

Gracias por la ayuda compañero, agregué el div que me haz dicho, pero no consigo hacer el efecto deslizante, ni en esa barra ni en donde dice Check our Recipes no entiendo por que no funcionan, creo que es un script que tiene el blog original :S
 
Pedro Fumero dijo:
Gracias por la ayuda compañero, agregué el div que me haz dicho, pero no consigo hacer el efecto deslizante, ni en esa barra ni en donde dice Check our Recipes no entiendo por que no funcionan, creo que es un script que tiene el blog original :S
Hacer clic para expandir...

EL CSS ya lo tienes puesto, ahora solo pega este codigo dentro de body! Y te prometo que te ira bien! jaja


HTML: 
<div id="bloggernotification">
<a href="http://www.MyBloggerTricks.com" style="margin-top:5px; margin-left:7px; color:#666666; float:left;" target="_blank">
<img src="http://4.bp.blogspot.com/-6D7m-itWdno/UN2w0TT3ZlI/AAAAAAAAIYc/CJxdsLrWkQg/s400/mbt.png">
</a>
<strong>
<font color="#FFFF00"><font><font>Eventos:</font></font></font>
</strong>
<a href="https://www.facebook.com/events/156170381208257/" rel="nofollow" target="_blank"><font><font> ¿Queremos ir en vivo otra vez!</font></font></a><font><font> 
|
 </font><strong><font color="#84DC04"><font>Ultimo:</font></font></strong><b><font> ** Recetas pausa Hasta 20 de marzo</font></b><font> 
|
 </font><a href="http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html"><font>AdSense Booster</font></a><font> 
|
 </font><a href="http://www.mybloggertricks.com/2013/02/display-post-views-count-in-blogger-new.html"><font>Postviews API</font></a><font> 
|
 </font><a href="http://editor.mybloggertricks.com/"><font>Nuevo editor HTML!</font></a></font><strong>
<font color="#84DC04"><font></font></font>
</strong>
<b><font></font></b><font></font><a href="http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html"><font></font></a><font></font><a href="http://www.mybloggertricks.com/2013/02/display-post-views-count-in-blogger-new.html"><font></font></a><font></font><a href="http://editor.mybloggertricks.com/"><font></font></a>
<span id="closebloggernotification"></span>
</div>
 
rusorico dijo:
EL CSS ya lo tienes puesto, ahora solo pega este codigo dentro de body! Y te prometo que te ira bien! jaja


HTML: 
<div id="bloggernotification">
<a rel="nofollow" href="http://www.MyBloggerTricks.com" style="margin-top:5px; margin-left:7px; color:#666666; float:left;" target="_blank">
<img src="http://4.bp.blogspot.com/-6D7m-itWdno/UN2w0TT3ZlI/AAAAAAAAIYc/CJxdsLrWkQg/s400/mbt.png">
</a>
<strong>
<font color="#FFFF00"><font><font>Eventos:</font></font></font>
</strong>
<a href="https://www.facebook.com/events/156170381208257/" rel="nofollow" target="_blank"><font><font> ¿Queremos ir en vivo otra vez!</font></font></a><font><font> 
|
 </font><strong><font color="#84DC04"><font>Ultimo:</font></font></strong><b><font> ** Recetas pausa Hasta 20 de marzo</font></b><font> 
|
 </font><a rel="nofollow" href="http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html"><font>AdSense Booster</font></a><font> 
|
 </font><a rel="nofollow" href="http://www.mybloggertricks.com/2013/02/display-post-views-count-in-blogger-new.html"><font>Postviews API</font></a><font> 
|
 </font><a rel="nofollow" href="http://editor.mybloggertricks.com/"><font>Nuevo editor HTML!</font></a></font><strong>
<font color="#84DC04"><font></font></font>
</strong>
<b><font></font></b><font></font><a rel="nofollow" href="http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html"><font></font></a><font></font><a rel="nofollow" href="http://www.mybloggertricks.com/2013/02/display-post-views-count-in-blogger-new.html"><font></font></a><font></font><a rel="nofollow" href="http://editor.mybloggertricks.com/"><font></font></a>
<span id="closebloggernotification"></span>
</div>
Hacer clic para expandir...

Ahí lo coloque tal cual me has dicho pero, ahora se ve incompleta, creo que falto un div
 
rusorico dijo:
Veo que lo has arreglado! Bieeen! 😛
Hacer clic para expandir...

Se te visualiza bien? yo lo veo de esta manera:

cap+barra.png


---------- Post agregado el 21-mar-2013 hora: 12:22 ----------

@rusorico muy bien ahí se va mejorando ya logré hacer que aparezca completa la barra, ahora por más que intente colocar la flecha de arriba y abajo con el div "opennotification" y "clonenotification" no aparece, jeje me parece que habrá que dejarla así estática (No se ve tan mal)
 
Oh, he llegado tarde, no se en que puedo aportar, pero me hubiera gustado probar esa plantilla con un blog que tengo de comics, suerte ! :grumpy:
 
para mi es fácil cualquier plantilla, todo depende del humor que tengas en ese momento :distant:

debajo de <body>
pega esto:

Insertar CODE, HTML o PHP: 
<div class="openbloggernotification" id="bloggernotificationWrap" style="display: block; margin-top: 0px;"><div id="bloggernotification"><a style="margin-top:5px; margin-left:7px; color:#666666; float:left;" target="_blank" href="http://www.MyBloggerTricks.com"><img src="http://4.bp.blogspot.com/-6D7m-itWdno/UN2w0TT3ZlI/AAAAAAAAIYc/CJxdsLrWkQg/s400/mbt.png"></a><strong><font color="#FFFF00">Events:</font></strong>
<a href="https://www.facebook.com/events/156170381208257/" rel="nofollow" target="_blank">We are coming Live again!</a>  | <strong><font color="#84DC04">Latest: </font></strong><a href="http://www.mybloggertricks.com/2013/03/google-seo-ebook.html">Google's latest SEO ebook</a> |  <a href="http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html">AdSense Booster</a> | <a href="http://www.mybloggertricks.com/2013/02/display-post-views-count-in-blogger-new.html">Postviews Plugin</a> | <a href="http://editor.mybloggertricks.com/">New HTML Editor!</a>
<span id="closebloggernotification"></span></div><span id="openbloggernotification" style="top: -6px;"><span></span></span></div>
 
Se ve muy bien.
 
para mi está al 95% 🙂 ... 😛7:
 
Sensacion dijo:
para mi es fácil cualquier plantilla, todo depende del humor que tengas en ese momento :distant:

debajo de <body>
pega esto:

Insertar CODE, HTML o PHP: 
<div class="openbloggernotification" id="bloggernotificationWrap" style="display: block; margin-top: 0px;"><div id="bloggernotification"><a rel="nofollow" style="margin-top:5px; margin-left:7px; color:#666666; float:left;" target="_blank" href="http://www.MyBloggerTricks.com"><img src="http://4.bp.blogspot.com/-6D7m-itWdno/UN2w0TT3ZlI/AAAAAAAAIYc/CJxdsLrWkQg/s400/mbt.png"></a><strong><font color="#FFFF00">Events:</font></strong>
<a href="https://www.facebook.com/events/156170381208257/" rel="nofollow" target="_blank">We are coming Live again!</a>  | <strong><font color="#84DC04">Latest: </font></strong><a rel="nofollow" href="http://www.mybloggertricks.com/2013/03/google-seo-ebook.html">Google's latest SEO ebook</a> |  <a rel="nofollow" href="http://www.mybloggertricks.com/2013/02/positioning-adsense-ads.html">AdSense Booster</a> | <a rel="nofollow" href="http://www.mybloggertricks.com/2013/02/display-post-views-count-in-blogger-new.html">Postviews Plugin</a> | <a rel="nofollow" href="http://editor.mybloggertricks.com/">New HTML Editor!</a>
<span id="closebloggernotification"></span></div><span id="openbloggernotification" style="top: -6px;"><span></span></span></div>
Hacer clic para expandir...

Compañero y el efecto de deslizamiento? es un jquery pero donde se debe colocar?
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

D
Ampliar plantilla blogger ayuda
Respuestas
0
Visitas
293
Doom
D
L
Plantilla Blogger: Ayuda con Nombre y Conversión
Respuestas
2
Visitas
796
dbx17
D
Atrás
Arriba