Criando um blog #4

13:00

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;
   }
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: &#39;Open Sans Condensed&#39;, 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.
Extra
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 


VOCÊ TAMBÉM PODE GOSTAR

2 comentários

  1. Muito legal . Tem muita coisinha que não sei fazer no blog e deixo bem simples mesmo , mais esses post's vão me ajudar muito .
    Bjnhs

    http://karoline-caro-sonhador.blogspot.com/2016/01/eternizar.html

    ResponderExcluir
    Respostas
    1. Obrigada Karol,que bom que posso ajudar :D
      Boa sorte com o blog
      Beijos ^.^

      Excluir

Obrigada por ter lido a postagem
Conte-me o que achou *--*
Deixe seu link nos comentários para que eu possa retribuir a visita <3
Se preferir para deixar seu link use
Esse código para comentar