Ajustes en plantilla de blog en inglés

gesio26 · 14 Abr 2012

El tema es que estoy creando un nuevo blog y para ellos me baje una plantilla, que esta en ingles.

TRato de modificar dos cosas para que quede a mi gusto pero no soy capaz.

son estas:

La barra viene en la plantilla y por mas que miro no se como quitarla.

Lo segundo es una adaptación de otra plantilla de un forero, peor no consigo poner la publi conde quiero 🙁

Coloque el codigo como dice el, pero donde pone , no se que tengo que poner.

<div class="adsense-home">
<div class="publicidad">



</div>

<div class="div-ad">
<h2>Recibe todas las novedades!</h2>
<div style="width:230px; margin: -5px 0 -7px 0;">
<p style="font:12px/16px arial,serif;">En tu correo, todos los dias los mejores post.</p>
</div>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tu usuario de feefburner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" name="email" placeholder="Ingrese su email"/>
<input type="hidden" value="tu usuario de feedburner" name="uri"/>
<input type="hidden" name="loc" value="es_ES"/>
<input type="submit" id="mail" value="Enviar" />
</form>

</div>

</div>

Ayuda porfavor.

angelvsc · 14 Abr 2012

Ahora no estoy en casa, pero cuando llegue te podria ayudar, si no estoy errado es la misma plantilla que utilizo en Enlace eliminado solo que la he modificado bastante. Podrias decir el nombre de la plantilla o la URL del blog?

gesio26 · 14 Abr 2012

angelvsc dijo:
Ahora no estoy en casa, pero cuando llegue te podria ayudar, si no estoy errado es la misma plantilla que utilizo en Enlace eliminado solo que la he modificado bastante. Podrias decir el nombre de la plantilla o la URL del blog?

La plantilla es SuperHost

El blog es: Trucos Vag-Com

no lo puse para que la gente no piense que vengo a hacer spam.

Bueno y porque aun empece con el hace 2 dias y estoy en obras.

Vzk91 · 14 Abr 2012

Hola !

Para eliminar la barra prueba a buscar este codigo en tu plantilla:

Insertar CODE, HTML o PHP:

<div class="menu-secondary-container">

Se deberia encontrar un poco mas arriba del trozo de codigo que has publicado. Para eliminar lab arra, deberas eliminar ese div y todo lo que contiene.

Con respecto a lo del anuncio, donde pone  tienes que sustituir eso por el script que te genera Adsense. Para ello obviamente tienes que estar registrado en Adsense y generar un script del tamaño que te indica ( 728 x 90 ) y otro de tu agrado.

un saludo

angelvsc · 14 Abr 2012

Es exactamente lo que te han respondido, para el meu secundario debes eliminar dicho div completo.

Insertar CODE, HTML o PHP:

<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a href='http://trucosvagcom.blogspot.com.es/'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='#'>Uncategorized</a></li>
</ul>
</div>

y para poner adsense donde corresponde buscas el siguiente codigo (Ctrl+F)

justo abajo de donde acabas de eliminar el menu esta:

Insertar CODE, HTML o PHP:

<div class='publicidad'>
<!-- acá tu anuncio de 728x90 -->
</div>

Siempre has un respaldo de tu plantilla antes de hacer un cambio.

gesio26 · 15 Abr 2012

angelvsc dijo:

Es exactamente lo que te han respondido, para el meu secundario debes eliminar dicho div completo.

Insertar CODE, HTML o PHP:

<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a rel='nofollow' href='http://trucosvagcom.blogspot.com.es/'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='#'>Uncategorized</a></li>
</ul>
</div>

y para poner adsense donde corresponde buscas el siguiente codigo (Ctrl+F)

justo abajo de donde acabas de eliminar el menu esta:

Insertar CODE, HTML o PHP:

<div class='publicidad'>
<!-- acá tu anuncio de 728x90 -->
</div>

Siempre has un respaldo de tu plantilla antes de hacer un cambio.

Ante todo gracias por la ayuda que me estais prestando 🙂

Ya hice lo de la barra y mil gracias 🙂 perfecto.

Luego empece por el tema de la publicidad, entre en mi adsense y genere el siguiente código:

<script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

*Lo modifique yo para que no saliera el id de adsense entero.

Lo pongo y no me aparece la publicidad, sabeis porque puede ser?

Tambien intente a poner solo asi:

Pero nada de nada 😕

----------------------------------------------x------------------------------x---------------------------------------------

Alguno me podríais decir como conseguir poner el logotipo del titulo mas grande?

es que la plantilla lo tiene de serie de 345x60 y no encuentro donde modificarlo 🙁

Vzk91 · 15 Abr 2012

Sobre el tema de adsense, estas colocandolo bien... si no se te muestran los anuncios puede ser porque al tener la cuenta recien creada, digamos que google no a creado un perfil para tu web y aun no muestra anuncios. Normalmente suelen tardar entre 20 minutos y 1 hora en aparecer la primera vez.

Con respecto a lo del logotipo, como no puedo ver tu CSS no se indicarte mucho mas preciso, pero busca esta linea en tu plantilla ( en la parte de CSS )

Insertar CODE, HTML o PHP:

header-wrapper

Ese es el div que contiene tu imagen, si le aumentas los valores width y heigth podras colocar una imagen mas grande. Pero ten cuidado de al aumentar ese div, no se te descuadre la web.

un saludo

gesio26 · 15 Abr 2012

Vzk91 dijo:
Sobre el tema de adsense, estas colocandolo bien... si no se te muestran los anuncios puede ser porque al tener la cuenta recien creada, digamos que google no a creado un perfil para tu web y aun no muestra anuncios. Normalmente suelen tardar entre 20 minutos y 1 hora en aparecer la primera vez.

Con respecto a lo del logotipo, como no puedo ver tu CSS no se indicarte mucho mas preciso, pero busca esta linea en tu plantilla ( en la parte de CSS )

Insertar CODE, HTML o PHP:

header-wrapper

Ese es el div que contiene tu imagen, si le aumentas los valores width y heigth podras colocar una imagen mas grande. Pero ten cuidado de al aumentar ese div, no se te descuadre la web.

un saludo

Mi cuenta de Adsense tiene 2 años y varios cobros ya.

Lo que si veo es que cree hoy los anuncios y en estado pone: NUEVOS.

a lo mejor es por eso.

Lo de header-wrapper lo encontre... pero no veo donde cambiar los tamaños 🙁

Vzk91 · 15 Abr 2012

Si puedes pegar los trozos del CSS que hacen referencia al HEADER igual te podemos ayudar....

gesio26 · 15 Abr 2012

Vzk91 dijo:
Si puedes pegar los trozos del CSS que hacen referencia al HEADER igual te podemos ayudar....

Intento

me salen unos cuantos.

1º me sale este:

body#layout #header-wrapper {margin-bottom:10px;min-height:50px;}

2º

/* Header-----------------------------------------------*/
Enlace eliminadomargin:0px auto 10px;height:100px;padding:20px 0px 20px 0px;background:#FFFFFF;overflow:hidden;}
Enlace eliminadomargin-left:auto;margin-right:auto}
Enlace eliminadoborder:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:48%;overflow:hidden;}
#header h1{color:#15252A;text-shadow:0px 1px 0px Enlace eliminadomargin:0 5px 0;padding:0px 0px 0px 15px;font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:32px;line-height:32px;}
#header .description{padding-left:22px;color:#15252A;text-shadow:0px 1px 0px Enlace eliminadoline-height:14px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;}
#header h1 a,#header h1 a:visited{color:#15252A;text-decoration:none}
#header h2{padding-left:5px;color:#15252A;font:14px Arial,Helvetica,Sans-serif}
Enlace eliminadowidth:51%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 15px 0px 0px;float:right}
.Redes-Sociales-widget img{margin:0 4px 0 0}
.Redes-Sociales-widget img:hover{opacity:0.8}
Enlace eliminadoheight:32px;text-align:right;float:right}
#top-Redes-Sociales img{margin:0 6px 0 0 !important}
#top-Redes-Sociales img:hover{opacity:0.8}
#top-Redes-Sociales.widget-container{background:none;padding:0;border:0}
/* Outer-Wrapper----------------------------------------------- */

3º

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Trucos Vag-Com (cabecera)' type='Header'/>
</b:section>

Vzk91 · 15 Abr 2012

Fijate en esta linea, con los atributos width y height defines el tamaño de la imagen:

Insertar CODE, HTML o PHP:

<img alt="Trucos Vag-Com" id="Header1_headerimg" src="http://1.bp.blogspot.com/-PbaJDio43Qc/T4rngbALepI/AAAAAAAAANA/QHBtmMY3UYk/s528/logo2.jpg" style="display: block; padding-left: 15px; padding-top: 0px;" height="99px; " width="528px; ">

esa imagen esta limitada, por estos dos normas del CSS:

Insertar CODE, HTML o PHP:

#header-wrapper{width:1100pxmargin:0px auto 10px;height:100px;padding:20px 0px 20px 0px;background:#FFFFFF;overflow:hidden;}
[B]Enlace eliminado[/B]margin-right:auto}

El header-wrapper te indica k tienes un tamaño maximo de 1100 x 100

Esa es la parte que define el banner de tu web, modifica los tamaños ( empezando por el de la imagen ) y vete probando hasta encontrar el tamaño que te guste, una vez que lo tienes, si te se te descuadra la web, empiezas a editar el CSS en las dos normas que te he citado.

Tambien ten encuenta esta normal del css ( busca en tu plantilla ):

Insertar CODE, HTML o PHP:

header2

Que hace referencia al DIV que contiene el buscador y que tendras que tener en cuenta su Width para no descuadrar todo el header.

Ya sabes por donde tienes que empezar ( no me gusta dar el codigo resuelto, prefiero que la gente piense y aprenda ), si tienes cualquier problema nos comentas.

Un saludo

gesio26 · 15 Abr 2012

Vzk91 dijo:
Fijate en esta linea, con los atributos width y height defines el tamaño de la imagen:

Insertar CODE, HTML o PHP:

<img alt="Trucos Vag-Com" id="Header1_headerimg" src="http://1.bp.blogspot.com/-PbaJDio43Qc/T4rngbALepI/AAAAAAAAANA/QHBtmMY3UYk/s528/logo2.jpg" style="display: block; padding-left: 15px; padding-top: 0px;" height="99px; " width="528px; ">

esa imagen esta limitada, por estos dos normas del CSS:

Insertar CODE, HTML o PHP:

#header-wrapper{width:1100pxmargin:0px auto 10px;height:100px;padding:20px 0px 20px 0px;background:#FFFFFF;overflow:hidden;} [B]Enlace eliminado[/B]margin-right:auto}

El header-wrapper te indica k tienes un tamaño maximo de 1100 x 100

Esa es la parte que define el banner de tu web, modifica los tamaños ( empezando por el de la imagen ) y vete probando hasta encontrar el tamaño que te guste, una vez que lo tienes, si te se te descuadra la web, empiezas a editar el CSS en las dos normas que te he citado.

Tambien ten encuenta esta normal del css ( busca en tu plantilla ):

Insertar CODE, HTML o PHP:

header2

Que hace referencia al DIV que contiene el buscador y que tendras que tener en cuenta su Width para no descuadrar todo el header.

Ya sabes por donde tienes que empezar ( no me gusta dar el codigo resuelto, prefiero que la gente piense y aprenda ), si tienes cualquier problema nos comentas.

Un saludo

TE lo agradezco porque estoy aprendiendo y me gusta 😀

el tema es que la primera frase

<img alt="Trucos Vag-Com" id="Header1_headerimg" src="http://1.bp.blogspot.com/-PbaJDio43Qc/T4rngbALepI/AAAAAAAAANA/QHBtmMY3UYk/s528/logo2.jpg" style="display: block; padding-left: 15px; padding-top: 0px;" height="99px; " width="528px;

no le encuentro en la plantilla.

Las otras ya las modificara antes para darle el ancho al blog que me gusta... que antes era de 900px.

----------------------------------x-----------------------------------------

llamarme inutil pero no lo consigo.

y los de Adsense singuen sin ponerme el anuncio 🙁

Vzk91 · 15 Abr 2012

busca por id="Header1_headerimg" a ver si asi lo encuentras, puede que no sea exactamente igual la linea ya que no estoy viendo el xml de tu plantilla, sino el codigo html en el exporador....

un saludo

gesio26 · 15 Abr 2012

Vzk91 dijo:
busca por id="Header1_headerimg" a ver si asi lo encuentras, puede que no sea exactamente igual la linea ya que no estoy viendo el xml de tu plantilla, sino el codigo html en el exporador....

un saludo

lo mas que encuentro es esto:

<div style='clear:both;'/>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Trucos Vag-Com (cabecera)' type='Header'>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block;padding-left:15px;padding-top:0px;'/>
</a>
</div>

Ajustes en plantilla de blog en inglés

gesio26

angelvsc

gesio26

Vzk91

angelvsc

gesio26

Vzk91

gesio26

Vzk91

gesio26

Vzk91

gesio26

Vzk91

gesio26

Temas similares