Olá galerinha,eu disse que em breve voltaria com o Criando um blog,faltam só mais duas postagens,a de hoje e a da semana que vem,por isso,vocês podem dar sugestões das postagens que querem que eu faça aqui,se quiserem mais uma série ensinando alguma coisa,uma postagem especÃfica, é só deixar aqui nos comentários que eu faço ok?!!
Hoje,eu vou ensinar como personalizar os marcadores,a sidebar(onde estão os gadgets do blog) e colocar o menu que estou usando lá no blog novo,além disso tem um extra,então,vamos começar :)
Marcadores
Esse é um tutorial bem fácil e simples,primeiro de tudo você deve ir em Layout>Adicionar Gadgets>Marcadores e deixar exatamente como está na imagem abaixo
Depois disso,salve.
Vá em Modelo>Editar HTML>Clique na caixinha de códigos e digite Ctrl+F >Procure por ]]></b:skin> e cole o código ACIMA dele
/* Marcadores personalizados */
#Label1 ul li{
float: left;
width: 45%;font-family: 'Dosis', sans-serif; /* fonte, se preferir troque */
text-transform: uppercase; /* letras em maiúsculo, se não quiser apague a linha */
font-size: 16px; /*tamanho da fonte*/
background: #fff; /*fundo*/
border-bottom: 2px solid #ccc; /* borda de baixo do marcador */
margin: 5px;
font-weight: normal;
list-style-type:none;
}
#Label1 ul li:hover{
background: #EAEAEA; /*fundo hover*/
border-bottom: 2px solid #FF51A8; /* borda de baixo do marcador hover */
}
Se quiser alterar,altere apenas as partes indicadas,como as #F... para colocar outra cor,ou a fonte e seu tamanho.Depois de pronto,salve e está feito :)
Sidebar
Sidebar é essa parte aqui
Para editar é bem simples também,continue onde está (parte de Modelo>Editar HTML) e procure por Headings e abaixo dele,apague tudo antes de /*Widgets
Em seguida,cole no lugar o código abaixo
.sidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRnVasHdbznUDp2xO0FHFQn_fhpFyUcKBMW7UI91xu7_opKUu4wtCbGg4E4njVspTl4PnmCe9gDRD_ViciJVqT7Vc5h61nkplB08eJ_QRus6KR3bhXNeru45AvJA1nBiLpPeuoM4yp8P3/s1600/barra+divisoria+by+cecilia+se+roblogar+credite+4.png)no-repeat;
width:225px;
height:45px;
margin-left:-20px;
margin-top:-5px;
margin-bottom:0px;
padding-left:10px;
color:#000000;
text-shadow:1px 1px 0 #C6E2FF;
text-align:left;
font-family:'Dosis', sans-serif;
font-size:16px;
line-height:50px;
text-transform:normal;
}
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRnVasHdbznUDp2xO0FHFQn_fhpFyUcKBMW7UI91xu7_opKUu4wtCbGg4E4njVspTl4PnmCe9gDRD_ViciJVqT7Vc5h61nkplB08eJ_QRus6KR3bhXNeru45AvJA1nBiLpPeuoM4yp8P3/s1600/barra+divisoria+by+cecilia+se+roblogar+credite+4.png)no-repeat;
width:225px;
height:45px;
margin-left:-20px;
margin-top:-5px;
margin-bottom:0px;
padding-left:10px;
color:#000000;
text-shadow:1px 1px 0 #C6E2FF;
text-align:left;
font-family:'Dosis', sans-serif;
font-size:16px;
line-height:50px;
text-transform:normal;
}
Esse link que aparece é a do enfeite embaixo do que está escrito,no caso,será um pontilhado com um coração no final,ou só o pontilhado se seu sidebar for muito pequeno,você pode trocar essa parte procurando por uma faixinha,ou substituindo essa parte background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRnVasHdbznUDp2xO0FHFQn_fhpFyUcKBMW7UI91xu7_opKUu4wtCbGg4E4njVspTl4PnmCe9gDRD_ViciJVqT7Vc5h61nkplB08eJ_QRus6KR3bhXNeru45AvJA1nBiLpPeuoM4yp8P3/s1600/barra+divisoria+by+cecilia+se+roblogar+credite+4.png)no-repeat; por background: # e a cor que você quer.
Depois de alterar,salve.
Menu
O menu novo que estou usando no blog é esse aqui
Para usá-lo,cole ele antes de ]]></b:skin>
/* --- Menu -------- */
.widget-content { width:100%}
#PageList1 {background: transparent; width: 100%;height: 44px; line-height:20px; margin-bottom: 38px; border-top: 1px solid #FFFFE0; border-bottom: 1px solid #FFFFE0; text-transform:uppercase; }
#PageList1 ul li a {font-family: 'Open Sans Condensed', sans-serif; color:#8A2BE2; text-decoration: none;
font-size: 24px; padding: 05px; font-weight: 300; -webkit-transition-duration: .50s;-moz-transition: 50s; -o-transition: 50s;}#PageList1 ul li a:hover {color:#9932CC;text-decoration: none;}
/* --- Fim do Menu -------- */
Altere apenas as cores e,ou,os tamanhos.E salve.
Agora,vá em Layout>Adicionar Gadget>Páginas>Clique no +
Se você não tiver nenhuma página além da de inÃcio,vá em Páginas,no lado esquerdo,abaixo de Postagens para criar uma com a descrição do blog,sobre a autora e tudo mais.
Arrume na ordem que preferir,se tiver algum link para redirecionar,para uma rede social de contato,por exemplo, é só clicar em Link externo e colar o link lá.
Salve,deixando o menu abaixo do Cabeçalho.
O extra que eu escolhi hoje, é falar sobre a primeira postagem do blog,geralmente a gente fica com muita dúvida do que postar em primeiro lugar,então aqui vão algumas sugestões.
-Apresente o blog
Fale sobre o nome dele,o que o blog significa,quais vão ser as metas,o que os leitores podem esperar dele,quais são os dias e horários das postagens...Mostre aos leitores sobre o que é exatamente,seu blog.
-Se apresente
Diga qual é seu nome,porque criou o blog,no que ele te representa,quais seus passatempos preferidos,indique músicas...
-Simplesmente poste
Se você não acha legal ficar se apresentando e falando do blog,pode começar já com uma postagem,sobre looks,músicas,filmes,um texto,você que decide.
-Imagens que representem seu blog
Pode usar palavras mÃnimas e abusar das imagens,se seu blog é sobre textos,encha a postagem com escritos,se for sobre moda,aposte nas fotos de looks,maquiagens,desfiles,deixe a criatividade fluir.
O importante,na primeira postagem, é já deixar o leitor a vontade para que ele volte mais vezes,então capriche e arrase.
É isso pessoal,espero estar ajudando,quero ver os blogs que estão montando com os tutoriais aqui viu :) Obrigada por estarem sempre comigo :D
Beijos 
no-repeat){kind=link}