Casinhas \o/

9.9.15

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!

16 comentários:

  1. Hey, Vii! Muito obrigada pelo tutorial! :) Agradeço imensamente! Já sabia sim que você estava postando no Realize, por sinal, já li a postagem!
    blog de previews está lindo, parabéns!
    Um beijão e até! :* ♡ ❤

    ResponderExcluir
  2. Oiii! Viii adorei o tutorial e o post super legal <3 Beijo e até qualquer hora!

    http://cloundforhtml.blogspot.com.br/

    ResponderExcluir
  3. Gostei, apesar de preferir o botão do gadget de seguidores normal, posso usar em layouts free.

    ResponderExcluir
  4. Olá Vii! Como vai?
    Primeiramente quero dizer que mudei a url do meu blog, então se puder dar unfollow nele, e segui-lo de novo eu agradeço ♥
    Parabéns pelos seguidores. É muito bom bater metas antes do que esperamos, né? Boa sorte com os seguidores, com perseverança acho que consegue sim chegar aos 150 *u*
    Eu gosto do primeiro tutorial, mas o segundo é fofo demais >< Pra quem quer um layout kawaii é uma boa solução *0*
    Beijos ♥ | www.heylaris.blogspot.com

    ResponderExcluir
    Respostas
    1. Oii Larissa! Eu vou bem, e você?
      Ah, por isso! Claro que sim <3
      Obrigada :3 Siim, *u*
      Que bom que gostou >< Exatamente *O*
      Beijos!

      Excluir
  5. oi vii , quanto tempo ..bem eu vi q seu blog ta bem famoso agora e mt moderno tbm .... bem fico mt feliz por ti (-mas admito q deu uma invejinha rsrs ) parabens pelo aniversario , bjs

    ResponderExcluir
    Respostas
    1. Oiiiii Ju! Que saudades <3 Obrigada, rsrs Obrigada mig's <3
      Beijos!

      Excluir
  6. Nossa, ebaaa tudo isso, nossa esse blog e um sucesso!
    Gostei muito dos tutorial, muito bom msm!
    Beijoos
    http://onlypoison1.blogspot.com.br/

    ResponderExcluir
  7. Interesting post, I like) Maybe we could follow each other? Let me know))
    http://pinkrabbitbeauty.blogspot.com/

    ResponderExcluir
  8. Adorei seu blog, tem ótimos tutorias para quem quer personalizar o blog, aprendi muita coisa por aqui.

    http://www.isadoramonteiro.com.br/2015/09/o-que-voce-precisa-saber-para-se-livrar.html#comment-form

    ResponderExcluir

✗Não fale palavrões, deixe sua opinião mas com educação
✗Aceito Tags
✗Deixe o link do seu blog, irei visitá-lo
✗Troco comentários
✗ Antes de pedir algo, fale sobre o post.
✗Aceito: ¨Segue de volta" e caso parar se seguir o VV também paro de seguir seu blog.
✗Enfeite seu comentário:웃 ღ ♡ ❤ ❥ ❦ ∴ △ ∞ ☆ ★ ✖  。◕‿◕。 ® ™ ☏ ℡゚✤ ❝ ❞ ✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖ ▲ ▼ △ ▽ ⊿ ◤ ◥ ◣ ◥ ● ❣ ✐ ✎ ✏ ✍ ✆ ☎ ✄ † ✞ ✝ ⌚۩  ๑ ۩ ۞ ๑  & ☗ ☖ ☑ ☒ ☓☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ➹◎ ☁ ☀ ☃ ☂ ♣ ♥ ☼ ✗ ✘ ✚ ✪ ✣ ✤ ✥ ☠ ♢ ♤ ♡ ♧ ☽ ☾ ◯ ☚ ☛ ☜ ☝ ☞ ☟ ✌ ☼ ☀ ❂ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇ ☈ ⊙ ☉ ℃ ℉ ° ❅ ✺ ϟ ⓘ ⓛ ⓞ ⓥ ⓔ ⓨ ⓞ ⓤ ∞ ♪ ♫ ♩ ♭ ♯ ♬ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞