Personalizar cursor com efeito hover

Hey! Hey! Como vão todos? Os tutorial de hoje é direcionado para o cursor do blog. Faz muito, muito tempo que não trago algo desse tipo. Vou mostrar como personalizar o cursor com uma imagem ou ícone, porém com efeito hover. Ou seja ao passar o mouse sobre algum link a imagem vai mudar. Existe uma outra forma de hover também, utilizando modelos padrões de cursores: mãozinha, estrela, cursor com ampulheta, cruz e outros... Mas isso é para outro tutorial.

Continuar...

Modelo para status

Hey e ai lindos? Hoje acordei sem ideia do que postar, então decidi reblogar estou pensando seriamente em fazer uma série de tutoriais aqui no blog, ensinando a personalizar o layout do seu blog para celular, mas é só um pensamento ainda. Hoje venho trazer um modelo para status, é como um mural com uma informação pequena e breve. Ótimo para blogs com muito movimento, e que quer ficar bem próximo de seus leitores. 

Continuar...

Efeito animação em 3D em imagem

Hiiii! Como vão todos? Bom espero que bem! Sempre desejo que bem. Hoje venho trazer um efeito para imagens, uma animação em 3D, utilizando somente CSS, claro que hoje em dia é possível fazer muitas coisas só com o CSS, mas o efeito 3D não se trata somente de um hover, mas de um efeito em peso que faz parecer que usamos nosso querido JQuery, mas desda vez não. É possível ver o efeito no link mais abaixo, os créditos vão para o blog Mundo Blogger.

Continuar...

Menu multinível com abas e sub abas

Hi guys! Como vão todos? Espero que bem. =) Hoje venho trazer um modelo de menu horizontal. Ele possui mutinível com abas e sub abas, ou seja — Espaço pra caramba!!!! — Eu não é difícil de mudar as cores, mas se desejar mexer em outras coisas exigira um pouco de paciência. Só mexa se souber o que esta fazendo, ou pode dar erro no menu todo e ate mesmo no seu layout, aconselho fazer isso em um layout de teste. Os créditos estão no final da postagem.

Continuar...

Postagens populares expansível

Yo! Yo! Yo! Hoje venho trazer uma ferramenta bem legal para as postagens populares. Um recurso que a deixa escondidinha, mas oferecendo um botão visível para a pessoa clicar e ele abrir. É ótimo para quem tem um bom trafico de visitas no blog, mas quer economizar espaço (meu caso), esse tutorial é para você. No botão mais abaixo você pode ver a pré-visualização. =)  Espero que gostem. Aviso que na visualização pode estar um pouco torto, mas é apenas uma pagina de exemplo, ok?

Continuar...

Menu vertical deslizante

Hey! Hey! oje venho trazer um menuzinho muito legal e econômico, o encontrei no blog da Eliane Gaspareto. Então dou totais créditos a ela. Casa queira ver o menu basta clicar no link que estará mais abaixo. Ele não é difícil de entender e personalizar, mas precisa ter bastante paciência e atenção... mas ele fica lindo em um layout ou pagina bem organizada.

Continuar...

Modelo para área dos comentários [007]

Hello! Como vão todos? Espero que bem. Venho trazer mais um modelinho para comentários, dessa vez Azul, ele é perfeito para modelos clean, [confira mais modelos aqui], os créditos vão para o blog The Moon Reverse!, ok? Ele é realmente muito gracioso. Abaixo explico como adicionar o modelo ao seu layout.

Continuar...

Postagens relacionadas com sumario

Ohayooo meus queridos bunnie's! Como vão todos? Bem hoje venho trazer um widget de postagens relacionadas com sumario no final das postagens.  Esse modelo é bem diferente de outros que já postei aqui, nele possui uma pequena brevia do texto da postagem e o titulo da mesma. Eu achei muito legal! Então resolvi trazer para vocês. Os créditos estarão ao final da postagem. Ele é muito fácil de entender, mas se ainda tiver dificuldades, basta comentar que irei responder o mais breve possível.

Continuar...

Galeria de postagens recentes de um marcador especifico

Ohayooo meus queridos bunnie's! Hoje venho trazer uma galeria de postagens recentes de um marcador especifico, ou seja... você pode escolher a categoria qual vai aparecer no widget. No exemplo eu usei o marcador "Filmes" do meu A Peculiar. O modelo em sí é simples ms você pode aplicar um efeito melhor no hover. Então vamos lá?

Continuar...

Slide com as últimas postagens na sidebar em transição [013]

Ohayoooo minna san! Hoje venho trazer um slide com as últimas postagens na sidebar com efeito transição. Eu achei simplesmente incrível! E não resisti em não compartilhar aqui com vocês. Encontrei esse tutorial lá no blog Templates e Acessórios. Abaixo se encontra uma imagem do Widget, e um link no qual permite você ver o efeito da transição dele. Enfim... é isso vamos ao tutorial.

Continuar...

Modelo para área dos comentários [006]

Yo! Como vai todo mundo? Espero que bem! Bom hoje vou responder as pedidos de postagem, esta bem? Mas antes de começar venho trazer mais um modelo para área dos comentários.  Esse lindo modelinho eu encontrei no blog The Moon Reverse. E é muito fofo e clean, se não quiser mudar as cores, aconselho aplicar em layout clean. 

Continuar...

Layout Free: Gooday

Ohayoo Bunnie's! Hoje venho trazer mais um layout free, ele se chama Gooday. Ele é bem antigo! Já estava pronto a quase três anos, mas realmente esqueci de sua existência rs. Assim deletei algumas coisas desnecessárias o deixando bem simples! Ótimo para quem esta começando e não entende muito de HTML. É possível trocar a imagem da sidebar dentro do HTML. É isso.

Continuar...

Slide Acordion [012]

Yo! Yo! Meus lindos e lindas! Hoje venho trazer um slide super fofo, o encontrei no blog Coisas da Tia Ninah mas também credito o blog Template e Acessórios. Espero que gostem, pois o achei muito fofo. Ele é muito fácil de arrumar, sendo assim nem vou explicar muito, mas caso precise de ajuda, faça um comentários. É possível ver sua pré-visualização no link que estará mais abaixo. 

Continuar...

Redes Sociais em Estilo Metro nos Gadgets

Yo! Yo! Hoje venho trazer mais um widget para vocês, mas dessa vez para redes sociais, o widget vem no estilo Metro, empilhados organizadamente, o que chama bastante a atenção de seus visitantes. É possível mudar suas cores somente com CSS, o que facilita muito nosso trabalho na edição. Os créditos se encontram no final da postagem, então se usarem creditem. 

Continuar...

Postagens relacionadas simples

Hey! Hey! Prontos para mais um tutorial? Hoje venho trazer de uma categoria que raramente posto, adicionar um widget de postagens relacionadas, no rodapé do blog. O modelo é simples, ótimo para usar como base e personalizar. Seu código é pequeno e muito fácil de se entender e personalizar. Se ainda assim tiver alguma dificuldade, deixe um comentário para que eu possa auxilia-lo. Então sem mais demora, vamos ao tutorial!

Continuar...

Slide Carousel [011]

Yo bunnies, ao som de Bad Liar venho trazer um novo slide para o blog, o encontrei lá no Template e Acessórios, precisei fazer alguns reparos no slide que apresentava erros. Ele está bem padrão, necessitara de edições em seu estilo para combinar com o blog de vocês. Eu pessoalmente aconselho remover o fundo branco deixando apenas as imagens e a numeração, mas como devo deixar possíveis formas de utilização eu deixei. =) Vamos ao tutorial? Ele é bem fácil de aplicar.

Continuar...

Slide Postagens populares Lofsider News [010]

Ohayoooooooo minna-san! Venho trazer um modelo bem legal para postagens populares, porém no estilo slide. Muito fácil de estalar no blog. Sua edição também não é difícil. Abaixo deixei um link que possibilita de verem o modelo. Peço que ignorem a qualidade das imagens, como é um blog de teste possui imagens em variadas cores e tamanhos então ficaram um cadinho achatadas. Vocês podem configurar o tamanho do slide para encaixar com as imagens que costuma utilizar em suas postagens. 

Continuar...

Modelo para área dos comentários - Base [005]

O modelo trata-se de uma base explicativa, você pode criar um modelo por cima. Os créditos pela base vão para Mundo Blogger e The Moon Reverse, ele é bem simples mas muito fácil de entender, otimo para aplicar efeitos. O testei em diversos modelos, e funcionou muito bem. Espero que gostem, se tiverem duvidas ou dificuldades, comente. =)

Continuar...

Modelos de Tooltip com efeito hover [003]

Yo lindos e lindas! Venho trazer mais modelinhos de Tooltip, eu os usei em alguns layout's free, mas perdi o link do criador, peço que se souberem me avisem para que possa creditar. Os modelos são muito lindinhos, combinam com quase todas as cores, fazendo pequenas alterações na cor, ficará lindo. Abaixo esta disponível os links pra pré-visualização.

Continuar...

Modelos de Tooltip com efeito hover [002]

Yo! Yo! Yo! Como vocês estão queridos bunnie's? Hoje acordei sem expiração... então decidi reblogar com os devidos créditos é claro! Estarão no final da postagem, pois acho que dá mais destaque. Venho trazer seis modelos para Tooltip com efeito hover. Mais abaixo você poderá ver o efeito deles clicando nos links de Demo. =)

Continuar...