Resumo de Como dividir Cabeçalho do Blogger em 2: -

A primeira coisa que você precisa fazer antes de editar o modelo é um backup do template que está usando .COMO DIVIDIR O CABEÇALHO DO BLOGGER EM 2Este é um procedimento relativamente simples .PASSO 1 - editar o CSS para incluir um segundo header.Entre no Painel> DESIGN> Editar HTML para abrir o editor de modelo, em seguida, procure o seguinte bloco de códigos (use Ctrl + F para encontrar # header e se você não consegue encontrá-lo, então provavelmente o seu modelo émodelo pós-Designer ) :#header {margin: 5px;border: 1px solid $bordercolor;text-align: center;color:$pagetitlecolor;}Edite os marcados em vermelho ou simplesmente copie o bloco de códigos abaixo para substituir os códigos acima:#header {float:left;width:70%;margin: 0px;border: 0px solid $bordercolor;text-align: center;color:$pagetitlecolor;}#header2 {float:left; width:30%; }Observe que você pode ajustar a largura das duas ( 70% e 30% ) de acordo com seu próprio desejo para a divisão dos cabeçalhos.2 ° PASSO: Agora você precisa adicionar uma seção para header2. Ainda no editor de modelo, localize o seguinte bloco de códigos (use Ctrl + F para procurar div id='header-wrapper'>):<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Seu Blog Titulo (Header)' type='Header'/></b:section></div>Em seu blog título (Header) coloque o título do seu blog , também, se você tiver modificado o modelo para permitir a adição de "elementos de página gadget /" no título do blog, aqueles marcados em vermelho podem ser ligeiramente diferentes, como por exemplo, você pode editá-lo para maxwidgets='2' showaddelement='Yes'> se você quiser ser capaz de adicionar gadgets (por exemplo, uma simples barra de navegação horizontal de texto . Agora, imediatamente após </ b: section> e imediatamente antes do último </ span>, adicione os códigos abaixo:<b:section class='header' id='header2' maxwidgets='3' showaddelement='yes'/><div style='clear:both;'/></div>Observe que você pode colocar qualquer número que você quiser em maxwidgets = " 3 "dependendo de quantos widgets que você pretende colocar nessa seção do cabeçalho ou até mesmo deixá-lo vazio como maxwidgets = ' ', caso em que não há limite. Assim, após a edição dessa seção do modelo torna-se como abaixo:<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Seu Blog Titulo (Header)' type='Header'/></b:section></div><b:section class='header' id='header2' maxwidgets='3' showaddelement='yes'/><div style='clear:both;'/></div>>Visualize e se for satisfatória, salve o modelo editado e você tera o seu cabeçalho do blog dividido em 2.

Resumos Relacionados