Efeito saturação em um grupo de imagens

Como eu já expliquei ontem, hoje (domingo) tenho uma prova, por isso programei a postagem. Estava muito a toa ontem (sábado) e resolvi escrever esse post logo. Estou escrevendo essas coisas entre parenteses porque programar postagens me confunde quanto a datas, mas para quem está lendo não faz diferença nenhuma. Por incrível que pareça estou conseguindo postar todo dia, isso porque nesse meio tempo meu outro blog está totalmente parado, tadinho. Sempre achei mais fácil postar aqui porque basta anotar o que postar e escrever uma postagem quando quiser. Simples. 

assim.

Recebi uma ask pedindo para ensinar esse efeito que eu uso na minha elite de afiliados e links externos. Esse efeito é aquele de "opacidade em um grupo de imagens", porém eu troquei completamente os códigos para que ele deixe a imagem com alto contraste quando passa o mouse, e as outras envolta dela fiquem em preto e branco. Sim, esse é o efeito que estou usando atualmente no blog, mas coloquei fiz uma preview caso eu troque de layout e alguém queira saber como é. Peço que por favor não rebloguem, e se usarem reservem um espacinho no espaço de créditos do blog de vocês. Todo blogueiro quer um pouco de reconhecimento, e eu acho que pedir um isso não é demais. certo? 

Live preview do efeito

Borda interna pelo CSS

Olá pessoal! Amanhã tenho uma prova de vestibular para fazer e acho que não vou conseguir postar, por isso vou adiantando o post para hoje, porque sei que segunda vai me dar preguiça e eu não quero ficar muito ausente. Na verdade acho que vou começar a ficar muito ausente a partir de hoje (ou sei lá quando), porque estou atolada de coisas para fazer e pensar, uma vez que minha formatura vai ser logo. Se querem um conselho, que tenho certeza que muita gente já deu a vocês, estudem bastante, prestem atenção nas aulas, leiam e treinem muito a escrita, porque depois fica tudo muito mais fácil (e rezem para seus pais ganharem na loteria também).

Hoje trouxe o código de borda interna pelo CSS, que é esse que uso na área de posts, porque achei interessante ensinar a vocês. Fiz um efeito só para não deixar a postagem "vazia", onde as imagens estão com uma bordinha por dentro, e quando você passa o mouse elas se juntam no centro. O efeito é  só  para dar um  exemplo de  como funciona o  código,  mas vocês podem usá-lo na elite se quiser.

Veja um preview aqui.

Data escondida

Fiz uma prova de vestibular ontem e estou super ansiosa, nem dá para acreditar que estou realmente fazendo essas coisas! Também é muito estranho pensar que ano que vem não tem mais aulas, pelo menos do ensino médio, vou sentir falta de algumas coisas, mas no fim estou feliz de ter acabado rs' 

Nem tive tempo de falar sobre os novos afiliados e sobre o que decidi, bom, na verdade eu já tinha dito que ia continuar com o blog até o Natal, mas acho que não fui muito clara quanto a isso. Vou continuar sim até o Natal, e se ainda tiver ideias pra postar, continuo um pouco mais. Sei que um dia vou ter que parar de blogar, manter 4 blogs me tomam tempo demais, e tenho que começar a me dedicar a outras coisas, como estudar por exemplo. Tenho muito dificuldade em matérias como física e preciso aprender essa merda, sempre tiro notas extremamente baixas em física nos vestibulares, mesmo tirando notas altas nessa matéria na escola. 

Falei demais né? O tutorial de hoje é bem simples, foi a Kimberly quem me pediu e eu estou ensinando. A Kimberly queria o tutorial da data daqui do blog, que só aparece quando passa o mouse. Quem não viu, ela está acima do nome da postagem, só passar o mouse que vai aparecer. Essa data fica ótima em templates onde não tem espaço para elas, mas que seja necessário saber o dia em que foi postado. Vamos ao tuto:

Efeito "Candy"

Ainda não respondi os comentários do post passado, tenham calma que vou fazer isso logo. Como eu disse, meu PC está sem espaço, e eu vou precisar fazer uma limpa nele, quero baixar alguns animes e não vai caber no HD. Enquanto isso talvez eu fique um pouco sumida, além da limpa no PC, vou tentar ir à aula pelo menos metade da semana, estou com medo de repetir por frequência, e faz quase um mês que não vou a aula de química. Estou com saudades de aprender a nomenclatura de algum composto que nunca vou saber o que é de verdade. Sabem uma coisa chata? Odeio quando estou escrevendo e a última palavra fica na linha de baixo -.-

Faz tempo eu eu não posto aqui um efeito para imagens. Ultimamente todo mundo anda usando o mesmo efeito (até eu!) e eu achei legal postar um efeito simples, mas que ao mesmo tempo fosse bonito. O nome do efeito é "candy" e fui eu mesma que bolei ele. O efeito pode ser usado em elites de afiliados, e fica mais bonito em blogs que tem duas cores no layout. Quem tiver layout azul e rosa vai dar sorte, porque fiz o efeito com essas cores mesmo. Quem tiver um layout de outra cor terá que editar os códigos. Vamos logo ao efeito:

Live Preview

Layout estilo galeria

Acho que vou tirar a semana para descansar. Eu estou desanimada por vários motivos, e se eu tiver tempo faço um post explicando algumas coisinhas para vocês. Não é nada muito importante, só algumas bobagens. Vocês já devem estar acostumados com minhas cismas e meus desânimos. Vocês não tem noção da frequência que isso acontece, pra não ser chata, prefiro nem falar sobre isso agora. Talvez separo um post para explicar porque sempre estou tão desanimada. Já vou avisando que é tudo uma grande bobagem, não se preocupem. 

Bom, vamos falar logo do post que o tempo é curto e não tenho nada para escrever agora. Quando fiz um post sobre o Diamond ~visitem~ uma leitora me pediu para fazer um post ensinando a fazer o layout naquele estilo. O tutorial é do Kawaii World, eu adaptei um pouco por causa do meu blog, então vou ensinar do meu jeito. O layout pode ser usado para blogs de avatares, ou ilustrações, backgrounds... Depende do seu gosto. Vamos lá:

Personalizando o rodapé do blog

Amanhã começam minhas provas e realmente não sei se vou ter tempo para postar essa semana. É bem provável que sim, mas não posso afirmar. Estou dormindo tarde e acordando tarde, e por causa disso não sei se vou conseguir dormir para ir a aula, perdi a aula de sexta-feira porque não acordei O.O Aulas sempre me dão boas ideias, mas estou faltando tanto que não tenho nada de interessante para escrever. Estou esperando ansiosamente pela minha formatura, ao mesmo tempo que não quero que acabe a mordomia que é estudar. ;-;

Estou sem ideias de tutoriais para fazer, então resolvi ensinar a personalizar o rodapé do blog, como eu uso aqui. Fiz isso na versão passada do blog, e na atual, Madness Returns. O tutorial nada mais é do que aquele que coloca área de créditos no blog, com uma diferença apenas de que esse tem uma imagem. No fim do post deixei algumas imagens que vocês podem usar e uma base para aplicarem os próprios efeitos/cores. Vocês podem colocar também uma imagem na largura total do blog, fica bonito do mesmo jeito, desde que combine.

Personalizando o Post Footer

Olá pessoal! Boa madrugada noite!

Eis que apareço aqui no meio da noite para postar um tutorial super rápido porque não tenho tempo de fazer materiais  porque estou com um pouco de pressa, não fui a aula hoje e não quero perder a aula amanhã. Isso significa que se dormir muito tarde meu plano de aparecer na escola vai por água abaixo. Andei um pouco sumida por causa de um velho dilema que me assombra, acho que nem vale a pena falar sobre ele. Não sei quando vou responder os comentários da postagem passada, ou voltar de verdade, então vou dando meu aviso que se sumir são problemas pessoais.

Como não gosto de dar pequenos avisos do tipo "não vou postar essa semana" (acho isso completamente idiota), trouxe um tutorial de personalizar o post-footer. Creio que aprendi essa personalização no Kawaii World, embora não tenha certeza. Praticamente decorei esses códigos e como raramente mudo algo nele, copio de outro layout meu que já esteja pronto. Não sei se todo mundo faz isso, mas eu pego partes de meu próprio layout e acrescento em um novo, mudando apenas o que eu quiser mudar (como a cor e etc.), isso me poupa tempo e esforço, porque procurar tutoriais é um saco.

Juntando sidebar com posts

Olá anjos!

Ia escrever um post sobre filosofia (a matéria que estudamos em sala de aula) mas fui impedida de escrever tantas vezes que estou começando a achar que isso é sinal divino. No primeiro dia, pensei em escrever, mas estava tarde demais e meu olho estava ardendo, acabei indo dormir. No segundo, meu primo apareceu aqui e eu tive que fechar o blogger, porque não consigo escrever com alguém me olhando. No terceiro, demorei anos para encontrar uma ilustração, quando encontrei, ela ficou cortada, e quando descobri um jeito de arrumá-la, meu vizinho apareceu na minha casa, e adivinha só o que fez? Sentou exatamente ao meu lado, olhando tudo que eu estava fazendo. Se eu tentar escrever uma quarta vez e não conseguir, vou considerar um sinal divino e largar o post pra lá, vai que eu acabo criando confusão por causa dele?

Como o post sobre filosofia não foi, vou ensinar um tutorial não muito usado (eu acho), que é para juntar a sidebar com as postagens. Geralmente nós fazemos o contrário, separamos a sidebar das postagens. Mas nem todo mundo usa o blog com a sidebar separada, então esse tutorial vai ser útil para quem quiser juntar.

Tive que aprender a fazer isso por causa do Template Classic, que eu cismei de fazer um template com sidebar junta, e achei que seria uma boa ideia compartilhar com vocês. 

Efeito opacidade em um grupo de imagens

Olá Anjos!

Trouxe um tutorial bem legal para vocês, que é o efeito na opacidade das imagens do blog. Esse efeito é do Kawaii World, e eu o usei no Template Blue Tiger, mas com o efeito invert (que é aquele que a imagem fica "negativa") no lugar da opacidade (apenas falando isso para vocês saberem que dá para trocar o efeito).

O nome ficou tosco mesmo, porque foi o melhor que consegui. O efeito é o seguinte: quando você passa o mouse em uma imagem, as que estão em volta ficam opacas. Entenderam?

Veja um preview aqui.

Faixinhas nos Gadgets

Olá anjos caídos! ~pra dar uma variada~

Alguém aqui gosta do Facebook? Cara, não consigo gostar daquilo. Conheço umas pessoas que ficam o dia todo no Face, só facebookando. Não consigo fazer isso, acho chato demais quem liga

Hoje vou ensinar a colocar faixinhas nos Gadgets. Tenho certeza que todo mundo já sabe como fazer isso, já que 700 bilhões de blogs já ensinaram. Mas eu queria ensinar aqui porque acho chato ficar procurando códigos nos blogs dos outros. Eu nunca decoro os códigos mesmo. Sempre esqueço algum detalhe, ou uma vírgula que seja, e o código dá erro. O código das faixinhas sempre esqueço de colcoar H2, aí nunca dá certo --' Caso precise de faixinhas, aqui no blog tem bastante.

Bom, vamos ao tutorial.

Efeito opacidade (em hover)

*Essa postagem é programada, mesmo assim estou lendo os comentários e respondendo as perguntas, só não digitei exatamente agora*

Estou trazendo um tutorial muito simples e conhecido que é o do efeito opacidade quando passa o mouse. Diferente dos outros que temos aqui no blog, esse efeito deixa a imagem opaca somente depois de passar o mouse. E continua opaca mesmo depois de tirar o mouse de cima da imagem. O efeito é muito simples e bonito, e fica lindo em elite de afiliados mais simples.
Veja um exemplo dele aqui.

Widget de arquivo em forma de calendário

Olá povão! (acho que vou ficar só no "anjos" mesmo e.e)

Hoje trouxe um tutorial bem legal para vocês que é o arquivo em forma de calendário. Com esse tutorial você pode editar seu Gadget de arquivo e colocar um que parece um calendário avá, deixando todos os dias que teve posts destacados. Ele vai ficar mais ou menos assim:

Fiz um teste no Template Blue Tiger, mas os nomes estão aparecendo embaixo do calendário, isso não é para acontecer, se acontecer é conflito do script. Como os códigos dos Templates variam, não posso resolver caso isso aconteça com você.

Colocando ícone de "autor" nos comentários

Olá anjos!

Eu ainda estou feliz desde a última postagem, mesmo com vendo a volta nas aulas no horizonte... Odeio ir à escola, mas infelizmente isso é um mal necessário. Já tenho poucas chances de conseguir algo indo a escola, imagina se não for? Seria tão bom poder fazer download de informações no nosso cérebro, instale um aplicativo e pronto, tudo pode ser acessado quando você quiser #MarinaSonhando

Quem usou o tutorial de personalizar os comentários daqui do blog já deve ter visto que sempre que o dono do blog comenta, aparece um pequeno ícone que se parece com um lápis ao lado da data. O tutorial de hoje é para trocar esse ícone por outro a sua escolha, deixando a área de comentários mais fofa. Veja um exemplo dos ícones:

     

A esquerda, o ícone padrão, e a direita, o ícone personalizado.

Gadget de trocar background

Olá Anjos! ^~^

Desculpem minha falta de postagens com reflexões e coisas do tipo, realmente não estou com cabeça para escrever muita coisa, e como estou de férias, minhas ideias sumiram. Pois é, eu tenho ideias geralmente no caminho da escola, ou na própria escola, ou melhor, tenho ideias enquanto estou andando. Como minha social life é 0, quase não saio de casa quando estou de férias, o que acaba com todas as minhas reflexões.

Recebi uma ask pedindo para ensinar o Gadget de trocar background, que é o que usei no Template de Aniversário. Já vi esse tutorial em vários blogs, antes mesmo da Kaori começar a usar, mas como foi do Kawaii World que eu peguei os códigos, os créditos vão para ele ok? 

Para ver um preview clique aqui e procure por "chance background".

Rolagem Infinita de Posts

Olá Anjos!

Estou "meio" sem nada para fazer esses dias... Ok, estou totalmente sem nada para fazer nesses dias e pretendo ficar ocupando meu tempo com computador. Não sei se aproveito as férias para descansar ou para estudar, tenho medo de sobrecarregar minha mente com estudos e dar branco na hora da prova. Do que eu estou falando, a prova é daqui há três meses? :O

Bom vocês já devem ter visto alguns blogs com rolagem infinita. É tipo aqueles Tumblrs que vão descendo infinitamente até acabar os posts (e dão um super lag no PC quando isso acontece). Então, para colocar essa rolagem infinita é muito, mas muito simples. Na verdade, é tão simples que qualquer um conseguiria fazer isso. Ok, vamos parar de enrolar.

O tutorial:

Dividir os marcadores em duas colunas

Olá Anjos! *--*

Estava aqui dando uma conferida no blog, e notei que fiz pouquíssimos tutoriais para iniciantes. Eu estava com um projeto em mente de fazer um super tutorial de como usar o blogger, mas foi na época em que parei de postar tutoriais, agora já me esqueci de tudo o que ia ensinar. 

Bom, hoje o tutorial é para dividir os marcadores em duas (ou mais) colunas. Esse tutorial é muito útil em blogs que tem vários marcadores, mas que o blogueiro não quer colocar os marcadores em estilo nuvem (cloud). Os marcadores devem estar em lista, e vão ficar divididos dessa forma:

Personalizando as "listas" do blogger

Agora que voltei a postar tutoriais, estou muito mais motivada a blogar. Apesar de estar um pouco ausente, minhas provas vão começar quarta-feira, e estou um pouco ocupada com trabalhos de escola e outras coisas. Queria escrever um post sobre alguns assuntos variados, mas estou sem tempo. Espero que não se importem com mais um tutorial, estou mesmo sem tempo. 

 O tutorial de hoje eu nunca vi em lugar nenhum, apesar de ter certeza que pode ser encontrado, caso procure. É sobre uma personalização que quase não vejo, já que o próprio item é pouco usado. Estou falando das listas do blog.

As listas servem, obviamente, para numerar ou classificar as coisas em uma espécie de categoria. Minha explicação não ficou nada boa, então veja um exemplo das listas:

Personalizando os seguidores

Olá Anjos!

Vou ensinar vocês a personalizar o Gadget de seguidores, do mesmo jeito que faço aqui e que uso nos meus Templates. Essa personalização é bem legal e permite que o Gadget de seguidores ocupe menos espaço e seja colocado no cabeçalho. Simplificando, faz com que o Gadget de seguidores seja em HTML.

Veja um preview do Gadget personalizado clicando aqui.
Vamos aprender?

Efeito borda gota

Olá Anjos!

Antes de mais nada queria pedir desculpas pela falta de postagem, estou sem ideias, minhas aulas começaram e agora vem o carnaval. Odeio carnaval, por isso estou meio desanimada. Não gosto quando blogar vira uma obrigação, por isso prefiro ficar sem postar do que postar só pra atualizar o blog.

Trouxe um tutorial legal do blog Chá e Cupcake, que pode ser usado em elites de afiliados e em efeitos para autores, basta usar a criatividade. Provavelmente vou usar no próximo layout, mas estou sem ideias pras cores e o tema. Por enquanto vai ficar esse layout mesmo.

  Veja o preview do efeito aqui.

Efeito Speed

Olá Anjos!

Desculpe não ter postado mais cedo, não consegui dormir essa noite e fiquei cansada a tarde toda. Estava morrendo de sono, mas não consegui dormir. Agora que é noite, o sono também não aparece. Desse jeito vou ficar igual a um zumbi!

Trouxe um tutorial bem legal que encontrei no blog World of Tutos, estou reblogando com a permissão da autora. O tutorial chama-se efeito Speed, quando você passa o mouse, a imagem balança de um lado para o outro. Sempre quis fazer um menu com um efeito parecido, vou tentar e se der certo, posto aqui.

Veja preview aqui.