sábado, 13 de agosto de 2016

Modelos design sidebar H2 para Blogger

sidebar-h2-new-design-for-blogger

Hoje vamos apresentar modelos de sidebar h2 para seu Blogger, veja alguns exemplos abaixo caso deseje adicionar no seu Blogger faça login va no menu modelo então editar HTML/JavaScript com as teclas combinadas CTRL+F busque por .sidebar h2 e substitua pelo modelo abaixo.


modelos-design-sidbar-h2-para-blogger

.sidebar h2 {
    font: normal 300 16px 'Oswald',Arial,sans-serif;
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 2px solid #222222;
    text-transform: uppercase;
    position: relative;
    color: #2b2b2b;
}

#sidebar h2:after {
    content: " ";
    width: 90px;
    height: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-bottom: 2px solid #e74c3c;
}

 #sidebar-wrapper h2:after {
    content: " ";
    width: 90px;
    height: 0;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-bottom: 2px solid #e74c3c;
}

sidebar-different-for-blogger

.sidebar h2 {
padding:10px;
text-align:center;
border-top-right-radius:30px;
border-bottom-left-radius:30px;
background:#000000;
color:#FFFFFF;
font:140% 'Oswald',Sans-Serif;
}


sidebar-layout-blogger



.sidebar h2 {
background: url(http://1.bp.blogspot.com/-j6XH6qTgJmY/VKosf7AbT7I/AAAAAAAAI1w/N3H7_Pg8x_0/s1600/BloggerSpice%2BSidebarH2.png) no-repeat scroll 0 0 transparent;
color: rgb(213,213,213);
height: 66px;
font-size: 140%;
font-weight: bold;
margin: 0 0 -28px;
position: relative;
left: -30px;
top: 0;
width: 362px;
text-align: center;
padding: 15px 0 0;
font-family: 'Oswald',Sans-Serif;
padding-bottom: 15px;
}

sidebar-headline-blogger-layout


.sidebar h2{
background:#333;
margin:5px 4px 5px 0;
padding:9px 0 9px 10px;
border:0;
color:white;
font-size:16px;
line-height:16px;
font-family:'Oswald',sans-serif;
text-decoration:none;
text-transform:uppercase;
box-shadow:4px 4px 0px rgba(33,33,33,0.45);
}


new-sidebar-model


.sidebar h2 {
padding:5px;
border:2px solid #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;
}


traced-sidebar-layout


.sidebar h2 {
padding:5px;
border-bottom:3px dashed #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;
}



new-sidebar-models-2016-blogger

.sidebar h2 {
padding:5px;
border-bottom:5px solid #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;
}

sidebar-back-layout


.sidebar h2 {
padding:5px;
background:#000000;
color:#FFFFFF;
font:140% 'Oswald',Sans-Serif;
}

judul-sidebar-h2

.sidebar h2 {
background: url(http://1.bp.blogspot.com/-j6XH6qTgJmY/VKosf7AbT7I/AAAAAAAAI1w/N3H7_Pg8x_0/s1600/BloggerSpice%2BSidebarH2.png) no-repeat scroll 0 0 transparent;
    color: #f5f5f5;
    height: 66px;
    font-size: 140%;
    font-weight: 300;
    margin: 0 0 -25px 0;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    text-align: left;
    padding: 15px 10px 0px 15px;
    font-family: 'Oswald',Sans-Serif
}

Aqui foram apresentados alguns modelos onde pode utilizar no seu template.




NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner