Como adicionar coluna na barra lateral esquerda do Blogger

adicionando coluna lateral esquerda no blogger

Hoje vamos aprender como adicionar coluna na barra lateral do Blogger, todos os créditos a CB para fazer isso é simples basta seguir os passos abaixo mas para que serve essa barra? pois bem isso pode ser util para colocar por exemplo menu de paginas e também compartlhar categorias no próprio template do Blogger basta seguir os passos


Como adicionar coluna na barra lateral esquerda do Blogger

Faça login no Blogger então va no menu modelo editar HTML 
com as teclas combinadas CTRL+F  busque por ]]></b:skin> ou </style> então antes disso copie e cole o seguinte código: 


#sidebarleft-wrapper {
width: 160px;
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    padding: 15px 10px 15px 25px;
    background: #fff;
    color: #666;}
#sidebarleft-wrapper li{border-bottom: 1px solid #f9f9f9;
    padding: 0 0 3px 0;
    margin: 0 0 3px 0;}
#sidebarleft-wrapper a:link,#sidebarleft-wrapper a:visited{color:#555}
#sidebarleft-wrapper a:hover {color:#c00}
#sidebarleft-wrapper h2 {
    font-size: 120%;
    color: #c00;
    padding: 5px 0;
    margin: 0 auto;}
@media screen and (max-width:600px){
#sidebarleft-wrapper {display:none}
}

Então instale o código na barra lateral, abaixo de <div id='content-wrapper'> ou<div id='main-wrapper'> ou <div class='content-wrapper'> ou <div class='main-wrapper'> 

<div id='sidebarleft-wrapper'>
<b:section class='sidebarleft' id='sidebarleft' preferred='yes'/>
</div>

Então salve o código  após isso va no menu layout clique em F5 para ver se isso foi adicionado pronto agora é só adicionar o widget que você deseja.

Click to comment