A Reciclagem de «Kenny's Home» II

Ao reciclar todo o blog Kenny's Home, decidi reciclar também o formato das postagens para algo visualmente mais apelativo, com uma melhor organização.

Para o header das postagens decidi-me por uma forma que considero vencedora, a usada neste mesmo blog, com uma data estilo calendário com o título e os marcadores associados ao seu lado direito, separados por uma linha. Acho que fica simples e bonito.

Para o footer das postagens decidi-me por um método novo. Separei o footer da postagem em si por uma linha e coloquei a habitual linha 'Publicada por..." indentada à esquerda, a quantidade de comentários com uma imagem - produzida por mim, lol - alinhados ao centro e links de partilha alinhados à direita, com uma borda ao lado esquerdo. 

Footer das postagens.

Ficou simples e, espero eu, bonito.

Depois lembrei-me da anterior forma que tinha de colocar os últimos comentários. Não era nada apelativa e assim criei um widget para colocar os últimos comentários em qualquer lado. Não imaginam o trabalho que deu, ou a magia necessária para ir buscar o título do post em que foi feito o comentário...

Widget que mostra os últimos comentários.

É feito um parsing à feed de comentários, do próprio link do comentário retira-se o post em que está, o autor já é devolvido pela mesma feed. Se o comentário tem mais de 100 caracteres acrescenta-se o (ler mais) com o link para o post. Neste widget o título das postagens terá erros sempre que o título da postagem tenha sinais (exclamação, interrogação, qualquer sinalização) e sempre que tenha acentos ou ç. Não há volta a dar a isto. Mas ainda assim devo dizer que gostei do resultado final, fica sexy. Isto foi feito em Javascript, mas se não o tiverem activo aparece uma mensagem à lá Kenny. xD

Depois finalmente há o pormenor da navegação por posts mais antigos. O blogger fornece uma forma muito primitiva de ver conjuntos de posts mais antigos. Com a ajuda de um script é possível alterar isso e eu lá alterei para permitir uma navegação mais fluida.

Navegação por postagens.

É muito simples, mas é muito útil. Caso a página actual seja diferente da primeira aparece ainda um link para o Início.

Navegação por postagens quando página actual diferente da primeira.

E pronto, estas foram as grandes inovações que coloquei no novo template. Estranhamente ao fazer esta postagem encontrei um ou outro bug, tudo de fácil resolução e já resolvido. lol. Agora a ordem de trabalho é: projecto de BD2, postagem nova aqui, template de Natal e, por fim, renovar este blog (mas mantendo o tema branco e azul e o esquema organizacional).

Work, work, work,

Kenny.

A Reciclagem de «Kenny's Home» I

Este Natal um projecto ocupou-me mais tempo do que seria esperado, porque quis oferecer uma prenda à minha pessoa. Falo da nova cara que dei ao meu blog Kenny's Home. Antes de 25 de Dezembro de 2010 (e desde Agosto deste mesmo ano) estava assim:

Template branco que reinava Kenny's Home

Muito branco, uma navigation bar que nunca me dei ao trabalho de usar, um header para o qual nunca me dei ao trabalho de fazer uma imagem, branco branco branco... gostava do facto de apresentar a data actual e dos botões Home e Login, que muito jeito deram. Era um template que eu encontrei pelo Google, e ao qual acrescentei colunas no footer, alterei o esquema das postagens e reparei imensos bugs no código (código redundante aos pontapés).

 Decidi num momento de inspiração raro, fazer um novo template de raiz para o blog, de forma a tentar entender toda a plataforma blogger e testar - se é que houve teste - as minhas capacidades neste domínio. Já tinha a estrutura pretendida delineada: No header colocava a pesquisa e os links de subscrição, como é moda na blogosfera, de seguida colocava os widgets (por agora apenas o widget cabeçalho está colocado, mas é possível adicionar sem grandes problemas widgets no header, dispostos por duas colunas, sendo uma delas delimitada pela Lua), e por fim uma barra de navegação. A data actual foi uma adição posterior, pois fiquei com pena de 'perder' o código que tinha feito para o anterior template. A restante estrutura compor-se-ia de duas colunas (a esquerda para todo o tipo de links e a direita para tudo o restante), e um footer com quatro colunas. Com a habitual secção de créditos no final do template. A organização seria esta:

Organização do novo template.

E foi efectivamente esta a organização que coloquei no template, sem tirar nem por. A organização de um template para o blogger ou wordpress ou qualquer outra plataforma não difere da organização de uma página comum. Pois é uma página comum! Usamos códigos CSS para todo o estilo (todo!) e depois usamos a tag html Div para ir colocando as divisões como queremos.

O estilo que escolhi tinha de ser preto, pois estava algo farto de branco - apesar de ser um adorador de branco, por razões desconhecidas - e queria uma lavagem de cara profunda naquele espaço. O tema teria de ser o Kenny, consequentemente algo apocalíptico. Graças a uma metodologia primitiva de trial and error cheguei ao design actual da página.

A nova cara de Kenny's Home

Eu considero que está muito bonito, tem alguns bugs que espero que ninguém consiga detectar e há certas divisões que deviam ter um padding maior, mas all in all eu gosto do resultado final. No próximo post falo mais especificamente das novas adições / features que fiz! xD

Be right back,

Kenny.

Estado dos Projectos I

Supostamente estou de férias, o que implica que continuo na escola a trabalhar em inúmeros projectos. Vejamos como está o estado de cada projecto:

Projecto Castelo Branco - Completamente halted, estou à procura de uma tecnologia sobre a qual reconstruir o motor de jogo, pois Java já não é o que era. : (

Projecto História Albicastrense - Várias postagens sobre várias épocas estão em rascunho à espera de referências e imagens. Tenho batalhado com a ideia de criar um template profissional para esse blog, em tons claros, azuis e verdes... Pelo menos uma postagem conseguirei publicar antes de 2011. : )

Projecto Rede de Sensores - O Estado da Arte está feito, tal como o Estudo de Requisitos e a aplicação já está a ser refactorizada. Para entregar em finais de Janeiro uma aplicação desktop funcional.

Projecto Oracle-PL/SQL - Trabalho escolar que irá implementar uma interface web apoiada numa base de dados Oracle, onde é pretendido recrear um sistema de portagens Via Verde. A base de dados vale 90% pelo que é fulcral que corra bem. Implementa ainda um modelo analítico. 

Projecto 'É Natal' - Um dos muitos templates para Blogger que estou a fazer, este será oferecido como prenda de Natal. Tons roxos, violetas e verdes, um ou outro insecto, footer, header, uma coluna à direita e possibilidade de colocar widgets por todo o lado.

Projecto Reciclagem - Aqui estão inseridos os restantes templates que estou a fazer ou refactorizar. Estou a fazer de raíz um para o Kenny's Home, estou a brincar com outro que pretendo colocar em História Albicastrense e estou a actualizar este para ficar um pouco menos claro. Estes novos templates servem para eu testar as minhas poucas capacidades de web designer. Implementar-se-à neste blog a capacidade de ver código-fonte com a formatação correcta. 

Há ainda um par de outras coisas em que estou envolvido, como uma vida pessoal e outro tipo de responsabilidades, como dormir e comer. lol.

Who needs spare time anyway?!

Kenny

Colocando um Favicon no Blogger

Favicon é um nome parvo para o ícone que aparece na pestana do browser imediatamente antes do nome da página que estamos a ver. Provavelmente como esta explicação não chegou vou fazer um desenho... 2 minutos!

Ok, aqui está:

Estão a ver o B branco sobre fundo laranja? É o favicon standard do Blogger, que aparece em todos os blogs desta plataforma.

Para alterar basta fazerem um ícone que gostem, salvar preferencialmente em PNG e fazer o upload da imagem para qualquer host (para o próprio blogger, por exemplo). Seguidamente é só colocar o seguinte código dentro da tag HEAD do vosso template (não se preocupem, há sempre uma tag HEAD. : )

<link href="O-LINK-DA-IMAGEM.png" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>

Substituindo 'O-LINK-DA-IMAGEM.png' por, pasmem-se!, o link da vossa imagem! lol

No meu caso usei um JPEG, sem transparências portanto, mas que vai dar ao mesmo:

<link href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUG09595EF5QrFCxGsu3uu6T2Xa7JWdn76IqZfVf7pgLJaKpysB3MT4PYlfgONfzZf0hahHzi0h3hYvrLmhmXmOLWzE8OpuYKARS4lAZXitZzKlxPCGqvXmP7ZkVJl8wYdGcpIFbd5_By/s45/kenny.jpeg" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>

Mostrando como resultado final o que se pode deslumbrar mirando a pestana deste blog, ou apenas continuando a ler, pois a imagem está já aqui debaixo:

Fica bonito e mais pessoal. Sendo que cada blog é um pouco de nós que fica na nuvem, é importante que esteja ao nosso gosto.

Enfim, mais uma postada para não manter o tasco parado,

Kenny.

História Albicastrense

Era suposto ter caído uma postagem hoje às 00:00 neste blog. Mas algo falhou. lol. 

A postagem está aqui. E não passa de publicidade ao blog que abri devido à sondagem aqui realizada: História Albicastrense @ Blogspot.com.

O tempo para actualizar não será muito, mas antes do fim do mês colocarei nesse novo blog três posts novos, bastante simples mas interessantes. : )

Have a nice day!

Kenny.