Personalizar mensagem de erro

Trago o tutorial mais simples do século. Não terão sequer de mexer no html do blog, mas terão de editar a vossa própria imagem - a não ser que só queiram usar texto. O objetivo é criar uma mensagem de erro estilo "error 404", eventualmente acompanhado de instruções extra, para substituir a mensagem de erro padrão do blogger: "A página que estava a procurar no blogue não existe". Ficará algo assim: www

Como criar layouts responsivos

Ohayou, minna! Mais vale tarde do que nunca, certo?  Eu tinha prometido uma base responsiva e um tutorial a ensinar como fazer layouts assim, e cá está tudo, após o ler mais. O post deu bastante trabalho, pois muitos tutoriais que encontrei não funcionavam nas bases do blogger que eu usava, e nem tutoriais em inglês resolveram 100% o meu problema. Blogger é uma plataforma mesmo bizarra >.< Ainda há coisas que gostaria de aprender a fazer e, se entretanto descobrir, aviso, mas pelo menos o essencial já está.

Aviso que o tutorial é MUITO longo, tem imensas etapas, e todas são relevantes. Portanto, se não quiserem ter trabalho a modificar tudo, tudo o que afirmo aqui já está numa base 100% modificável que eu fiz - é semelhante às bases que eu dantes fazia onde dou permissão para alterarem por inteiro, com a diferença de que esta é responsiva. Só peço que creditem a base ou este tutorial. Aqui está: www

Personalizar a mensagem de cookies

Ohayou, minna!

Sim, o blog está quase morto, mas isso não significa que eu não tenha alguns tutoriais úteis para vos trazer. Por exemplo, o próximo post será sobre... tã-dã, como tornar blogs DO BLOGGER responsivos! Será um post super extenso e que virá acompanhado de uma base, para quem não quiser personalizar tudo do zero. Deu muito trabalho a fazer, assim como a base, principalmente considerando que a maioria dos tutoriais - e eu procurei em diversas línguas - não estavam adaptados ao blogger, ou pelo menos não aos modelos base que o nosso nicho costuma usar. Então após muito esforço, posso afirmar que está quase tudo pronto, e que vos será bastante útil.

Por hoje, vou ensinar a modificar a mensagem de cookies que costuma aparecer no topo do blogger. Créditos e mais informação: www

Cursor do blog

E aqui está mais um post. Esta coisa é tão básica que nem sei como é que não ensinei mais cedo - basicamente, ensino a personalizar o cursor/mouse do blog, através de 2 tutoriais diferentes e ambos simples, um que pode ser aplicado em qualquer área, e outro que só pode ser aplicado nos hovers dos links. Também trago diversos modelos, assim poupo-vos o esforço de procurar ou criar os vossos, a não ser que não gostem de nenhum dos que eu trouxe >.< Enfim, aqui vai.

Aviso sobre códigos que dão erro

Olá, vim só dizer uma coisa importante sobre os tutoriais: como a fonte silkscreen deixou de funcionar, e eu a usava em quase todos os menus e modelos de comentários, terei de mudar os tutoriais um a um, o que ainda leva o seu tempo. Por isso não tenho estado a postar. 

Por enquanto, ainda só mudei os modelos de comentários, mas caso você queira usar um tutorial em que ainda não fiz a mudança, pode fazê-la você mesmo facilmente. Trago aqui o tutorial :)

Juntar ou separar gadgets/sidebar à postagem {nível: profissional}

Ora bem... Primeiro, visitem o meu portfólio de layouts: www ^^

Para hoje, trago um tutorial que nunca vi em lado nenhum. Ou melhor, já vi tutos a ensinar a colocar as postagens em "caixinhas", e afins, mas nunca vi ninguém a explicar devidamente como é que isso funciona, que palavras no html é que estão a fazer a diferença e como é que se pode aplicar o mesmo a outras áreas. Não dá para explicar muito bem sem mostrar, então simplesmente cliquem em ler mais, pois garanto que é um tutorial importante. A postagem é relativamente longa, porém - não leia se estiver cansado.

Criar layouts a partir dos modelos

Tadaima ^^

Dando as caras novamente enquanto fujo dos pedregulhos, hoje estou aqui para ajudar alguns blogs em particular. Há pessoas que não querem arriscar-se com HTML, e de facto, é possível fazer layouts bonitos apenas personalizando os modelos do blogger. Porém, para isso, é preciso ter alguma sensibilidade. Daí eu querer ensinar como personalizar cada um deles em condições. Sem mais enrolação, vamos ao post.

Editando gadgets

Tadaima :)

O que trago hoje não é exatamente um tutorial, mas é de extrema importância. Muitas pessoas, nos seus gadgets, não fazem grande coisa - a não ser escrever texto e colocar uma imagem, ou o código de um menu... mas há muitas mais coisas que se pode ajustar por lá. Claro que eu começarei pela imagem e texto, porque é básico, mas não será só isso. Bah, chega de enrolação! Vamos ver?

Como instalar fontes no blog

Okaeri :) 

O tutorial de hoje é bastante simples, e acaba por não estar apenas ligado a HTML, mas ainda assim, pode fazer toda a diferença no blog. É sobre fontes. Há provavelmente mais de uma maneira de usar fontes no blog (sem ser nas imagens) que eu poderia ensinar, mas a que eu uso, e considero mais acessível, não mete arquivos nem downloads ao barulho. Por acaso, eu raramente me dou ao trabalho de procurar fontes, as únicas que realmente baixo são silkscreen,  e, às vezes, rabbit >.< Mas cá vai, usem e abusem do Google Fonts e do @font-face

Retirando pequenos incómodos do blog

Tadaima :)

Este post acaba por ser uma forma de reunir coisas básicas, e tão curtas que seria um desperdício fazer um post só para elas. Irei falar aqui de coisas que se podem tornar incomodativas no blog, não em termos de visual, como cores ou desalinhamentos, mas em termos de gadgets ou HTML. Por exemplo, navbar, ou attribution. Vamos ver?

Quando códigos param de funcionar

Okaeri ^^

Aqui está uma postagem de auxílio, das mais curtas que já fiz, pois serve apenas para vocês verificarem se não há nada de errado com o vosso html. Ou seja, são pequenas sugestões de coisas a fazer quando os códigos param de funcionar. Vale lembrar que, pelo menos para principiantes ou então para quem está a lidar com códigos mais arriscados, à medida que forem editando o template, seria boa ideia salvarem-no, sim? Mas, claro, há sempre códigos que arruinam o layout todo ou dão falha nos gadgets, e para ter a certeza de que a falha não é vossa, sigam os passos que estão aqui:

Efeitos e webkits - para imagens

Bonjour (c'est français) :)

Título possivelmente estranho, mas foi o único que me ocorreu. Este post trás vários efeitos, mas não efeitos completos, que reúnam vários elementos em Html - consistem numa única, ou talvez duas, linhas, sendo a principal delas o filtro, e hover gradual como opcional. O que são? Bem, o hover gradual é explicado pelo próprio nome, mas dou exemplos mais abaixo. Quanto aos filtros, são eles que permitem escurecer, clarear, ou dar uma certa tonalidade à imagem. Fiz este post para reunir todos os que conheço, então é só aplicar dentro de uma chaveta com o efeito, como demonstro no fim.

Explicando os básicos: fundos

Bom dia, leitores por-enquanto-quase-inexistentes >.< No post de hoje darei continuidade à sequência de posts onde explico com todos os pormenores os básicos de HTML, dando noções de várias formas de aplicar, explicando como cada parte do código varia e tudo o mais. Já falei de bordas coloridas - referindo também no mesmo post os cantos arredondados e a outline, porque considero espécies de bordinhas. Hoje falarei de algo que também acho importantíssimo, que são os fundos - ou background. Interessados?

Explicando os básicos: bordas, cantos arredondados e outline.

Tadaima, minna-san! Hoje começo uma sequência de postagens que visam ensinar as blogueiras que têm dificuldades em lidar com HTML, por preguiça, falta de vontade, tempo, ou por não entenderem nada do assunto. A maratona vai chamar-se: explicando os básicos. Falarei em cada post com todo o detalhe de coisas como background, bordas, cantos arredondados, sombra, hovers, outline, rotação e outro tipo de efeitos, controlo de cores, opacidade, hover gradual... 

Enfim, hoje tenciono dizer tudo sobre bordas. Como tudo, não funciona a não ser que seja incluída em alguma área, por exemplo, postagem, data... falarei disso mais adiante. Aqui irei explicar com todos os pormenores como personalizar e aplicar, cuidados a ter e possíveis maneiras de usar. Não direi apenas os tipos de bordas, mas mais que isso.