[AYUDA] Como puedo cambiar el tamaño de la cabecera en Blogger?

  • Autor Autor tasty
  • Fecha de inicio Fecha de inicio
T

tasty

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Quisiera cambiar el tamaño de la cabecera de mi Blog, esto porque los anuncios (300x250) se muestran a la mitad (solo en version escritorio).
Si alguien puede ayudarme, le estare bien agradecido. Esto solo es cuestion de buscar en el editor de HTML. Pero no se cual exactamente editar. Estoy usando una plantilla modificada.

Aqui una muestra:
Untitled.webp
 
Hola tasty,

Si te fijas, cuando entras a inspeccionar, en la parte superior derecha de los class, en la sección de los "Css", aparece en qué archivo css está ese class.. Si no entiendes lo que digo, déjame el link de la página y te digo exactamente cuál es el archivo css que debes editar..
 
Última edición:
[MENTION=201882]tasty[/MENTION] puedes probar alguno de los dos codigos (Estos van dentro del style)

HTML: 
div.menu {height: 180px;}
div.no-items section {height: 180px;}

Nota: Aumenta el valor del height para que tenga más espaciado

También puedes buscar en el html de plantilla y poner un par de saltos [ <br/> ] debajo del menu ese
 
Jorge Luis valera dijo:
Hola tasty,

Si te fijas, cuando entras a inspeccionar, en la parte superior derecha de los class, en la sección de los "Css", aparece en qué archivo css está ese class.. Si no entiendes lo que digo, déjame el link de la página y te digo exactamente cuál es el archivo css que debes editar..
Hacer clic para expandir...

.

- - - Actualizado - - -

Jorge Luis valera dijo:
Hola tasty,

Si te fijas, cuando entras a inspeccionar, en la parte superior derecha de los class, en la sección de los "Css", aparece en qué archivo css está ese class.. Si no entiendes lo que digo, déjame el link de la página y te digo exactamente cuál es el archivo css que debes editar..
Hacer clic para expandir...

aprendesolotecnologia.blogspot. com
 
Lo que necesitas es editar la id "#header-blog" se encuentra dentro del <head> junto con todos los demás estilos.

Así está actualmente:

#header-blog{height:90px;padding:25px 0;background-color:#fff;position:relative;overflow:hidden}

Si no encuentras esto por alguna razon, debes agregar lo siguiente exactamente al final de todo el <head>

<style type="text/css">

#header-blog{height:90px;padding:25px 0;background-color:#fff;position:relative;overflow:hidden}

</style>

Y allí lo modificas como quieras.
 
Jorge Luis valera dijo:
Lo que necesitas es editar la id "#header-blog" se encuentra dentro del <head> junto con todos los demás estilos.

Así está actualmente:

#header-blog{height:90px;padding:25px 0;background-color:#fff;position:relative;overflow:hidden}

Si no encuentras esto por alguna razon, debes agregar lo siguiente exactamente al final de todo el <head>

<style type="text/css">

#header-blog{height:90px;padding:25px 0;background-color:#fff;position:relative;overflow:hidden}

</style>

Y allí lo modificas como quieras.
Hacer clic para expandir...

ESTO ES LO QUE ESTA ACTUALMENTE. ME AYUDAS CON ESTO??

<div class="header-content row">
<div class="header-ads">
<div class="no-items section" id="logo" name="Widget B"></div>
</div>
<div class="sect-left">
<div class="section" id="ads-content" name="Ads 728x90"><div class="widget HTML" data-version="1" id="HTML11">
<div class="widget-content">
<input type="hidden" name="IL_IN_ARTICLE"><div class="IL_BASE" style="margin: 5px auto; height: 255px; text-align: center; display: inline-block; padding: 0px; overflow: hidden;"><div class="IL_BASE" style="border-style: solid; border-width: 1.33333px; border-color: rgb(202, 202, 202); position: relative; margin: 0px auto; width: 300px; height: 250px; transform: scale(1); transform-origin: 0px 0px; perspective: 1000px; cursor: pointer;"><div data-il_in_article0_2_1_njyzfmnsawnrig5vdye="" style="display: none"></div> <!--<div id="IL_IN_ARTICLE_LOGO_0" class="IL_BASE IL_LOGO" style="z-index: 1000; bottom:0; right:0;position: absolute; cursor😛ointer;"> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="IL_IN_ARTICLE_LOGO_0" style="position: absolute;left:auto;top:auto;bottom:0px;right:0px;max-width:19px;max-height:19px;z-index:1000000" class="IL_BASE IL_LOGO" x="0px" y="0px" width="20.033px" height="19.184px" viewBox="0 0 20.033 19.184" xml:space="preserve"> <g id="Logo_PlaceHolder"> <path id="Circle" style="opacity:0.8;fill:#E2E2E2;" d="M20.033,0.015v19.168H0.009C0,19.184,0,19.043,0,18.989 C0,8.509,8.543,0,19.032,0C19.356,0,20.033-0.003,20.033,0.015z"></path> <g id="logo"> <circle style="fill:#208CE5;" cx="8.515" cy="6.883" r="0.844"></circle> <path style="fill:#003366;" d="M14.194,9.237h-0.883c-1.368,0-2.488,1.12-2.488,2.488v2.776c0,0.017,0.001,0.033,0.002,0.049 v0.414c0,0.456-0.373,0.828-0.828,0.828H9.96c-0.456,0-0.828-0.373-0.828-0.828v-1.832h0.001V9.405c0-0.001,0-0.002,0-0.002 c0-0.09-0.071-0.162-0.16-0.166H8.055C7.968,9.24,7.9,9.309,7.897,9.396v3.736H7.9c-0.001,0.028-0.003,0.056-0.003,0.085v1.775 c0,1.12,0.916,2.036,2.036,2.036h0.092c1.12,0,2.036-0.916,2.036-2.036v-0.436v-0.369v-2.305c0.007-0.788,0.651-1.432,1.439-1.432 h0.508c0.788,0,1.432,0.644,1.44,1.432v2.305v0.369v2.304c0.001,0.002,0.001,0.003,0.001,0.004c0,0.089,0.071,0.16,0.158,0.164 h0.918c0.086-0.003,0.155-0.071,0.158-0.157v-2.231v-0.452v-2.463C16.682,10.356,15.562,9.237,14.194,9.237z"></path> </g> </g> <g id="Layer_2"> <rect x="8.033" y="7.184" style="opacity:0.6;fill:#208CE5;" width="1" height="1"></rect> <rect x="8.033" y="5.184" style="opacity:0.6;fill:#208CE5;" width="1" height="1"></rect> <rect x="7.033" y="6.184" style="opacity:0.6;fill:#208CE5;" width="1" height="1"></rect> <rect x="9.033" y="6.184" style="opacity:0.6;fill:#208CE5;" width="1" height="1"></rect> <rect x="9.033" y="5.184" style="opacity:0.2;fill:#208CE5;" width="1" height="1"></rect> <rect x="7.033" y="5.184" style="opacity:0.2;fill:#208CE5;" width="1" height="1"></rect> <rect x="7.033" y="7.184" style="opacity:0.2;fill:#208CE5;" width="1" height="1"></rect> <rect x="9.033" y="7.184" style="opacity:0.2;fill:#208CE5;" width="1" height="1"></rect> <rect x="9.033" y="9.184" style="opacity:0.2;fill:#003366;" width="1" height="1"></rect> <rect x="15.033" y="12.184" style="opacity:0.6;fill:#003366;" width="1" height="1"></rect> <rect x="15.033" y="13.184" style="opacity:0.6;fill:#003366;" width="1" height="1"></rect> <rect x="15.033" y="14.184" style="opacity:0.6;fill:#003366;" width="1" height="1"></rect> <rect x="15.033" y="15.184" style="opacity:0.6;fill:#003366;" width="1" height="1"></rect> <rect x="15.033" y="16.184" style="opacity:0.6;fill:#003366;" width="1" height="1"></rect> <rect x="9.033" y="10.184" style="opacity:0.2;fill:#003366;" width="1" height="1"></rect> <rect x="9.033" y="11.184" style="opacity:0.2;fill:#003366;" width="1" height="1"></rect> <rect x="9.033" y="12.184" style="opacity:0.2;fill:#003366;" width="1" height="1"></rect> <rect x="9.033" y="13.184" style="opacity:0.2;fill:#003366;" width="1" height="1"></rect> <rect x="9.033" y="14.184" style="opacity:0.2;fill:#003366;" width="1" height="1"></rect> <rect x="7.033" y="9.184" style="opacity:0.3;fill:#E2E2E2;" width="1" height="1"></rect> <rect x="7.033" y="10.184" style="opacity:0.3;fill:#E2E2E2;" width="1" height="1"></rect> <rect x="7.033" y="11.184" style="opacity:0.3;fill:#E2E2E2;" width="1" height="1"></rect> <rect x="7.033" y="12.184" style="opacity:0.3;fill:#E2E2E2;" width="1" height="1"></rect> <rect x="7.033" y="13.184" style="opacity:0.3;fill:#E2E2E2;" width="1" height="1"></rect> <rect x="7.033" y="14.184" style="opacity:0.3;fill:#E2E2E2;" width="1" height="1"></rect> <rect x="7.033" y="15.184" style="opacity:0.3;fill:#E2E2E2;" width="1" height="1"></rect> </g> </svg> <!--</div>--> <div class="IL_BASE" style="position:relative ; float:left; max-width:105px;max-height:70px; left:2px; padding:0 10px 5px; "> <img id="IL_SW_THUMB" src="https://thumbnails.infolinks.com/thumbnail.jpg?domain=Click Now!" class="IL_BASE" style="margin: 10px 0px ;width:90px;height:70px;"> </div> <div class="IL_BASE" style="color:#1122CC; cursor😛ointer; font-family: Arial,sans-serif; font-size:18px; font-weight:700; margin-left:35px ; margin-top: 7px ; margin-right:35px; text-align: center;">Last 24 Hours For This Deal!</div> <div class="IL_BASE IC_AD_TEXT" style="cursor😛ointer; margin-left: 21px; margin-top:20px; margin-right:21px; color:#666666; font-family: Arial,sans-serif; font-size:16px; font-weight:400; text-align: center; ">Build WebSite Free!</div> <div class="IL_BASE IC_AD_URL" style="cursor😛ointer; margin-right:21px; margin-left:21px; margin-top:-45px ;color:#009933; font-family: Arial,sans-serif; font-size:18px; font-weight:400; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; visibility: hidden; text-align: center;">Click Now!</div> <div id="IL_SR_BTN" class="IL_BASE" style="position:absolute;display:block; cursor😛ointer; text-align:center; top:183px; right: 107px;"> <!--?xml version="1.0" encoding="utf-8"?--> <!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="83px" height="45px" viewBox="0 0 83 45" style="enable-background:new 0 0 83 45;" xml:space="preserve"> <g id="Button_2_"> <g> <path style="fill-rule:evenodd;clip-rule:evenodd;fill:#1122CC;" d="M67.863,0.116H15.137c-8.242,0-14.923,6.681-14.923,14.923 v14.923c0,8.241,6.681,14.923,14.923,14.923h52.727c8.241,0,14.923-6.681,14.923-14.923V15.039 C82.786,6.797,76.105,0.116,67.863,0.116z"></path> </g> </g> <g> <path style="fill:#FFFFFF;" d="M46.195,22.885l-7.787,7.783c-0.097,0.101-0.249,0.166-0.382,0.166 c-0.134,0-0.286-0.065-0.382-0.166l-0.839-0.829c-0.097-0.101-0.166-0.24-0.166-0.387c0-0.129,0.069-0.286,0.166-0.387l6.566-6.562 l-6.566-6.566c-0.097-0.097-0.166-0.249-0.166-0.382s0.069-0.286,0.166-0.382l0.839-0.839c0.097-0.097,0.249-0.166,0.382-0.166 c0.134,0,0.286,0.069,0.382,0.166l7.787,7.787c0.097,0.097,0.166,0.249,0.166,0.382S46.292,22.788,46.195,22.885z"></path> </g> </svg> </div> <div id="IL_BUTTONS" style="position: absolute;width: 75px; height: 24px; left: 115px; bottom: 0px; cursor: auto"> </div></div></div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=5462400360921592152&amp;widgetType=HTML&amp;widgetId=HTML11&amp;action=editWidget&amp;sectionId=ads-content" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML11&quot😉);" rel="nofollow" target="configHTML11" title="Editar">
<img alt="" height="18" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div></div>
</div>
</div>
 
Debes mostrarme es todo lo que está dentro de las etiquetas <head></head>
 
Agrega esto al final de las etiquetas <head></head>

<style type="text/css">

#header-blog{height:40px;padding:25px 0;background-color:#fff;position:relative;overflow:hidden}

</style>

Y listo, eso lo modificas como quieras y estarás editando la cabecera de tu sitio.
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

S
Ayuda! No puedo editar mi logo o cabecera
Respuestas
3
Visitas
430
xLincex
xLincex
kanikase
Tutorial: Optimización SEO en la cabecera de Blogger
Respuestas
8
Visitas
2K
Baico
B
E
Cómo cambiar el tamaño del banner a 320x100 en Blogger
Respuestas
1
Visitas
504
Derecho
Derecho
O
Ayuda, no puedo cambiar el estilo
Respuestas
5
Visitas
1K
juanbellorin
J
Atrás
Arriba