Tutoriais: Botão de seguir o Blog e Gadget Personalizado (Layout Chocolate)

  Bello Everyone!

Tudo Bem com Vocês?

Gente, daqui a dois meses é aniversário do blog \o/ Dia 22 de Outubro para ser mais exata, e estamos com 119 seguidores em menos de um ano!!! Sério gente, obrigada. Será que vai dar pra chegar aos 150 até o aniversário do blog? Se der, faço dois lays free para vocês *-* Um de uma personagem e o outro farei uma enquete, ok?
Também queria avisar a vocês que estou postando em outro bloguinho sim, vão ter que me aturar em mais um blog o Realize.

Outra novidade é que agora eu tenho um blog de previews! Se quiser visitá-lo, o link está aqui www. Eu ainda irei adicionar os tutoriais lá.

Enfim, a Laís Moreira e a Ceci me pediram dois tutoriais completamente diferentes, e eu decidi postá-los juntos! Mais uma vez, obrigada por pedirem *---* E estávamos há um mês sem tutorial algum!

Leia Mais 

Laís

Botão de Seguir o Blog:

Preview:

Estão vendo o botão de chocolate escrito: ''Follow+''? Então é este:

O tutorial é bem simples, adicione um gadget de HTML/JaavaScript e cole:

<center>
<a href="http://www.blogger.com/follow-blog.g?blogID=ID DO BLOG" title="Segue?"><img src="LINK DA IMAGEM" /></a><center>

Onde está escrito ID DO BLOG você coloca o seu ID.

Como achar o ID do meu blog?

Vá numa postagem sua, ou escreva uma nova, na mesma página em que você faz a postagem, lá em cima tem o link certo? Tipo:

https://www.blogger.com/blogger.g?blogID= 

E logo após desse ''blogID= '' tem um número, este número é o ID! Logo após o número, tem uma Hashtag (#) então copie este número (sem a # ) e cole no código do gadget!

Ceci:

A Ceci pediu um tutorial de como deixar a sidebar personalizada como a do Layout Chocolate. Preview:

Primeiro procure por:

/* Widgets

E logo abaixo vai ter um monte de códigos, apague até  o primeiro }

e coloque isso no lugar:

 

/* Widgets
----------------------------------------------- */
.sidebar .widget {
Background: #fff;
border: solid 1px #FFD8D8;
outline: 1px dashed #FFC1C1;outline-offset: -3px;
text-align: justify;
font-family: calibri;
color:#ccc;
font-size:12px;
padding: 6px;
margin: 2px -30px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition-duration: .50s;
}
.sidebar .widget h2 {
background: #FFD9D9;
border: 1px solid #FFBCBC;
box-shadow: inset 0px 0px 3px #E3DAEC;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
font: normal 13pt cambria, georgia;
text-transform:lowercase;
font-style:italic;
letter-spacing: 1px;
font-weight: 300;
color:#FFA3A3;
text-shadow: 1px 1px 0 #fff;
text-align: center;
border-radius:2px;
-webkit-transition-duration: .80s;
}
.sidebar .widget h2:hover {
background: #FCE6E6;
border: 1px solid #FFC8C8;
box-shadow: inset 0px 0px 1px #FFCDCD;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 10px;
margin-bottom: 5px;
line-height: 8px;
font: normal 13pt cambria, georgia;
text-transform:lowercase;
font-style:italic;
letter-spacing: 1px;
font-weight: 300;
color:#FFA3A3;
text-shadow: 1px 1px 0 #fff;
text-align: center;
border-radius:2px;
-webkit-transition-duration: .80s;
}

E pronto!

Lembrando: Eu não sei onde aprendi o primeiro tutorial, então caso alguém saiba ME AVISE PARA QUE EU POSSA COLOCAR OS DEVIDOS CRÉDITOS

Créditos do segundo tutorial: www 

E foi isso pessoal!

Espero que vocês tenham gostado!

Não se esqueça de pedir um tutorial também!