Bia Blythe

          Cansado de usar fontes simples? Agora você vai poder usar aquelas fontes lindas no seu blog. É um tutorial fácil, basta prestar atenção. Créditos ao blog  Jackie Dream , vocês também podem encontrar este tutorial lá.           Através do  Google fonts , você escolhe as fontes que desejar. Através do HTML você pode instalar quais e quantas fontes quiser. É muito simples:           Abra o HTML do seu blog, procure por  </head> . Em outra aba do seu navegador, abra o  Google Fonts , escolha sua fonte, depois clique em QUICK-USE, em seguida você será redirecionado para outra página e vá até " 3. Add this code to your website:"  como na imagem:           Cole isso acima de   </head> , mas antes de salvar coloque " / " antes de " > " para que funcione, assim: <link href='http://fonts.googleapis.com/css?family= Bilbo...

          Hoje vou mostrar à vocês um jeito incrivelmente fácil de pôr uma paginação numerada nos blogs de vocês. Quando eu estava procurando esse tutorial há meses atrás, achei dois que não deram muito certo, e em um deles eu tinha que esperar até o dia seguinte para ver se funcionou. Aí não dá né?!           Foi aí que eu achei o tutorial que eu usei para colocar a paginação que vocês vêem aqui no blog. É muito, mas muito fácil. Esse tutorial foi encontrado no blog  Uprising Teen .           Vamos até "Layout" e vamos adicionar um novo gadget. Adicione então "HTML/JavaScript" e cole isso: <style type="text/css"> #blog-pager{ font-size:normal; padding:10px 0; clear:both; } .showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; color:#fff; /* COR DA FONTE */ background:#FF4040; /* COR DE FUNDO NORMAL */ font-size: 10px; /* TAMANHO DA FONTE */ } .showpageOf { margin:0 8px 0 0;...

      Primeiro tutorial do ano. (Êhhhh!! \o/) E terão vários outros no decorrer do ano de 2014. E esse tutorial é muito fácil. O código original eu peguei no site  Uprising Teen . Fiz apenas as modificações das cores da barrinha. Então vamos lá:       Vá até o modelo do seu blog, vamos editar o HTML. Procure por  ]]></b:skin> . Acima disso cole o código: /*** Rolagem da Vertical da Página ***/ ::-webkit-scrollbar-thumb:vertical { background:  #008B8B ; /*Cor da barrinha que se move*/ border: 1px solid #bgh; /*Coloque borda se quiser*/ height:10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } /*** Rolagem da Horizontal da Página***/ ::-webkit-scrollbar-thumb:horizontal { background-color:#008B8B; /*Cor da barrinha que se move*/ border: 1px solid #bgh; /*Coloque borda se quiser*/ height:10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: ...

      O instagram é uma rede social que eu adoro, e é ótimo para quem tem um blog. Nesse post vou mostrar como colocar um gadget do insta no seu blog. É muito fácil .       A primeira coisa a se fazer é acessar o site  SnapWiget , depois é só clicar em " Get Your Free Widget ".           Agora preencha os campos como na imagem:       Se você quer que apareçam apenas algumas fotos específicas é só usar uma Hashtag, e colocar essa Hashtag no campo abaixo do seu instagram.       Após fazer todas as alterações clique em " Preview " para ver como ficou. Por último clique em " Get Widget " e copie o código.       Acesse sua conta do blogger, clique em " Layout " e depois " Adicionar um gadget ".       Escolha o gadget " HTML/JavaScrip ", cole o código e salve.       Coloque onde achar que fica melhor. Salve as organizações e pronto. ...

      Hoje eu trouxe um tutorial muito bom. Vocês podem encontrar esse tutorial também no site   Cherry Bomb . Infelizmente este site não funciona já faz tempo.       O nivo slider é ótimo, pois você pode deixá-lo do tamanho que quiser, e ele possui 15 efeitos de transição. O tutorial não é difícil, mas é sempre bom prestar bastante atenção. Os slides do seu blog ficarão parecidos com os slide aqui do meu blog.       Vá até " Editar HTML " e procure por " </head> ", abaixo disso, cole este código: ------------------------------------------------------------------------------------------------------------------------------- <style type="text/css"> /* <![CDATA[ */  #w2bSlideContainer           {position: relative;display: block; top:0px; left:0px; right:0px;/*Ajuste as posição do slide* / }  #w2bNivoSlider              { position:relative; ...

      Os ícones de redes sociais em um blog é essencial, pois os seguidores do blog começarão a seguir também suas redes sociais. É uma ótima divulgação, além de deixar o blog bonito e mais organizado.       Para colocar os ícones na sidebar é muito simples e fácil.       Vá até a opção "Layout" e vamos adicionar um gadget "HTML/JavaScript". Até aí tudo bem?       No conteúdo iremos colocar o seguinte código: <a href="URL DA REDE SOCIAL"><img src="URL DO ÍCONE" /></a>       Agora é só fazer as alterações. Caso queira colocar outras redes sociais é só repetir o código de acordo com o número de redes sociais que você deseja. Três redes sociais, por exemplo: <a href="URL DA REDE SOCIAL"><img src="URL DO ÍCONE" /></a> <a href="URL DA REDE SOCIAL"><img src="URL DO ÍCONE" /></a> <a href="URL DA REDE SOCIAL"><img src="URL ...

      Olá, meu povo. Tudo bem? Comigo está tudo ótimo, pois estou de bom humor. Meu bom humor hoje é tanto, que vim até aqui para ensinar-los à fazer um layout básico. Mas com básico, quero dizer BEM BÁSICO MESMO, pra quem quer começar do zero. Mas calma minha gente, porque eu vou postar ainda vários outros tutoriais para que vocês continuem dando uma carinha mais autêntica para ao blog de vocês.       A primeira coisa que vamos fazer é escolher o modelo para começar o nosso layout, clicando em "Modelo" e em seguida em "Personalizar".       Depois, escolheremos o modelo Travel(viagem). E usaremos o 2º da esquerda para a direita.           Clique em "Avançado" e procure "Plano de fundo da postagem" e escolha qualquer cor, apenas para ajudar a visualizar melhor o que estamos fazendo.       Agora é só clicar em "Aplicar".       Clique agora em "Editar HTML" (Fica ao lado ...