ABAS, TE QUERO COM ABAS

Um dos recursos que eu mais queria para o blog são as abas.
Não é só um desejo meu, elas estão em sites, blogs de todas as áreas.  Como colocar esse recurso no meu blog era minha pergunta.
Aba é útil para organizar os assuntos em blocos maiores, dar outra cara ao blog ou site.

No ano passado, durante oficina de Criação de Blogs no Sesc Campinas | SP eu fui surpreendida, a ideia surgiu na conversa e a coordenadora Célia apresentou uma alternativa simples que me agradou muito.
Existem outras, umas mais complicadas, que a gente tem de mexer com uma parte da estrutura do blog que é o HTML. Se você, enquanto estão escrevendo uma postagem, olhar para a barra à sua esquerda, vai ver um botão HTML. Clicando nele são levados a algo semelhante a isso

preciso ter um cuidado para fazer isso com o  risco de danificar a postagem, causar erros e aí toca refazer o texto, recolocar imagens.
Quando digo "mexer" é porque vai ser preciso copiar e colar um código disponível em alguns sites para conseguir as tais abas.
IEu já mexi no HTML em postagens minhas, como na MinHa BIEnal 31_Desenhos, na qual coloquei fotografias de obras uma ao lado da outra. Acabo de notar que não expliquei aqui como fiz isso ainda.
Então eu não vou falar nessas possibilidades mais complicadas por hoje,  e sim do que usei para as abas do blog de teste.
Lembrando que é muito bom ter um blog de teste para aprender a mexer com os recursos, pois,se houver problema, a gente pode ficar mais à vontade para consertar.
É o seguinte, você vai clicar em Design na barra superior de seu blog, à sua direita,

aí abre a página onde você vai clicar em Layout,  na coluna à esquerda

No meu caso, eu já fiz o procedimento, onde agora está escrito Marcadores na imagem, antes de eu completar o procedimento estava escrito Adicionar um Gadjet, como dá para ver na coluna que está marcada em vermelho.
Eu cliquei e abriu uma janelinha com uma lista de Gadets, que são elementos que, no blog, podem nos ajudar a organizar melhor as informações nele, como este que vai nos permitir usar Abas ou o que mostra quem são as pessoas que seguem o blog, o gadjet Seguidores, que chamei de Quem me acompanha.
A janelinha

basta rolar e vai encontrar a opção Marcadores

Nova clicada e  mais janela que se abre

Aqui é que é bom prestar atenção ao que vou dizer, porque você vai escolher entre opções e cada uma delas vai determinar um resultado diferente.
Veja que há duas opções logo de cara: Todos os marcadores e Marcadores selecionados.
Se quiser pode manter na primeira opção e aí pode ter um problema, pois quantos forem os seus marcadores este será também o número de abas.
É assim, dê só uma olhada em parte da  nuvem de marcadores do meu blog oficial, que ainda vai passar por uma reformulação porque não é mais informativo de fato

Consegue imaginar um blog com tantas abas?
Melhor nem tentar, seria uma aba para cada um deles, são muitos. Então é aconselhável selecionar, agrupar as postagens sob uma quantidade menor de marcadores de abas

Vai marcar a opção Marcadores selecionados e clicar em Editar. Aí desmarca alguns.
Foi o que fiz neste blog de teste, ficando com apenas três marcadores: Blog de teste, Ferramentas de Web, e Recursos para Blogger

Isso dá ao visitante do blog a opção de ir aos marcadores ou às abas para ver tudo.
Acho que dá uma cara boa ao blog, além da utilidade.
Ah, tem de salvar as decisões tomadas, clicando no botão laranja e passar a incluir em cada postagem também o marcador de aba ou marcadores, pois pode haver necessidade de a postagem fazer parte de mais de um assunto

Mais uma informação. Você pode usar um marcador preexistente também para a aba, mas pode criar um marcador especificamente para a aba, não se esquecendo de ir às postagens mais antigas para colocar esse marcador de aba nela.
As abas também são chamadas de Menu Horizontal.
Quando eu for mexer na nuvem de marcadores, essa que fica na coluna à direita no blog, volto a escrever. Há vários modos de elaborar isso para servir de guia para o visitante.
Havendo dúvidas ou sugestões, é só deixar um comentário abaixo.

Abraços,

Marga

 

CABEÇA DE BLOG

Estou devendo postagens por aqui, mas é que visitei umas exposições em São Paulo | SP e estou na escrita sobre elas.
Uma exposição foi a Bienal de São Paulo, uma exposição de exposições e haja escrever para dar conta de tanta arte vista!
Quem quiser dar uma espiada já tem duas postagens, uma antes do final do evento, na verdade no último dia, a MinHa bIEnal 31 e,  já começando a contar detalhes do que vi MinHa BIEnal 31_Desenhos.
E vem mais, porque a minha bienal continua.
Mas aqui o assunto é o novo cabeçalho do blog, testado neste e vamos ver se vai ser levado ao principal.
O blog está de modelo novo também, isso experimentei faz um tempo e ainda não comentei com vocês. Quis um fundo neutro, e que tudo ficasse em um bloco só, as postagens e os elementos da barra lateral, como ainda pode ser visto no blog principal

Não vou me deter nessa mudança, fica para a postagem que já está sendo escrita e precisa de uns ajustes que é para ficar claro como se faz para personalizar o modelo, pois com o template do que jeito que fica assim que se muda

este é o fundo padrão do modelo Picture Window, que não tem nada a ver com o que escrevo, mostro aqui ou no outro blog.
Canso de ver blogs com o fundo carregado de imagens e sem relação com o assunto tratado, ou mesmo todos usando o mesmo fundo, o que não dá um caráter um pouco mais pessoal ao seu blog.
Gosto de fundo neutro, o escuro é sempre uma opção pra mim.
Mas e o cabeçalho?
Basta olhar para cima e ver o espaço onde está o meu nome de artista e notar que ele está deslocado para um canto. Isso me incomodava, queria centralizado, mas foi ficando desse jeito especialmente pelas trocas de modelos.
Hoje me deu vontade de mexer nisso e mudei e procurei deixar do jeito desejado com algumas operações.
Primeiro tenho de falar que não uso o recurso disponível no blog

pois clicando em Layout [ver em laranja na coluna à esquerda], depois de aberta uma página como essa da figura, vai ver o Cabeçalho e clicar em Editar e vai abrir uma janela. Ali está o  Título do blog, no meu caso, Marga Ledora Teste. Se eu quiser é este o nome que vai aparecer desse modo

e também pode acrescentar uma descrição do blog

Eu não simpatizo com essa aparência, por isso, como sou artista e lido um pouco com editores de imagem, pego uma imagem minha, escrevo o nome do blog sobre ela e uso como Cabeçalho. Isso é ou pode ser mais trabalhoso até, mas faço com gosto!
Não pensem que acertei a largura do Cabeçalho de primeira, criei a imagem com o nome, percebi que ficou menor e procurei na internet um modo de centralizá-la, o que achei sem demora no Just Dreamy.
Nna tentativa inicial ficou maior, me esqueci de ver como havia personalizado o modelo e saber quantos pixels ele tinha de ter de largura e o resultado foi

Para encurtar conversa, conto como se chega ao botão Personalizar

clicar na coluna da direita na palavra Modelo, aguardar e logo aparece o botão PERSONALIZAR. Clicando nele, abre o Designer de Modelo e, a seguir, o clique tem de ser em Ajustar Larguras

Acima dele está o botão de Plano de Fundo, prestem atenção nisso, porque é nele que resolvemos a questão do tipo de fundo que queremos em nosso blog. Bem, deixem eu voltar ao Cabeçalho.

Falamos em larguras, no botão de Ajustar Larguras, é que damos uma olhada no aspecto das medidas do do blog todo e da barra lateral. O que me interessa é a largura Todo o blog, que determinei depois de olhar na parte inferior da página, onde, enquanto mexemos nessa largura, já vamos tendo uma ideia de como vai ficar se aumentarmos ou diminuirmos as medidas na barra horizontal maior. Determinei que seja de 1220 pixels para ficar bem "acondicionado" na página o blog.
Lembrada a medida, eu parti para seguir o que li no Just Dreamy, a sugestão ali é fazer dois arquivos, um com a imagem que se quer e outro maior e transparente, assim

as bordas xadrez são o lugar da transparência, eu centralizei minha imagem sobre ela. Este é um processo à parte, tem de saber mexer com um editor, nem que seja um simples como o GIMP. Ou, pode pegar uma imagem, foto da internet com o cuidado de dar a fonte ou o autor em algum ponto visível do blog.

Eu escrevo sobre a imagem também num editor de imagem, escolho a fonte, a cor, o tamanho dela e a posição onde devem ficar as palavras, por isso, quando vou editar o cabeçalho, na janela que se abre escolho a opção de não deixar o titulo visível

e salvo. Não esquecer de voltar ao Layout e Salvar a organização e só depois disso Sair do blog, do contrário você não efetiva as alterações feitas.

Falei de tantas coisas que não estou certa de ter deixado claro, portanto, havendo dúvidas, perguntem, ok?
Ficou faltando dizer que o arquivo de imagem transparente tem 1220 pixels de largura, como o Todo do Blog e tiver de acertar minha imagem sobre esse arquivo, um procedimento no GIMP. Também tenho de verificar por que razão as bordas transparentes ficaram pretas., mas aí está o blog de cabeça nova!

Slideshow_2

Continuo na busca por sliders.
Encontrei programas, mas não me interessei, estou ansiosa demais para ficar testando certas coisas e alguns são para testar, não simpatizo com isso, muitas vezes só podemos experimentar, não é permitido sequer que a gente salve o que fez.

Descobri nos geradores de slideshow uma saída interessante. Li no eHOW que, com eles, "não precisa ter gráficos de design ou conhecimento de codificação", aliás no mesmo texto há uma definição bem clara do que seja um slideshow online: é uma biblioteca de fotos animadas que passa automaticamente as imagens que você incluir neste recurso. Você tem a opção de incluir as imagens digitais de sua escolha e, em seguida, publicá-la em uma página da internet.

Isso é exatamente o que quero e, no site de que estou falando, há a descrição do passo a passo d e três geradores de slideshow, o Free Source, o MyPicPals e o Quacklt. Eu experimentei o MyPic! Vejam o resultado

slideshow | Viewer

Neste slideshow estão as fotos que inseri na postagem do blog oficial 31ª Bienal de São Paulo_ainda não fui*

Slideshow_1

Num instante ele vai estar assim

noutro...

e de instante em instante a imagem que aparece é outra. Isso acontece automaticamente no que chamam de slideshow. Resolvi experimentar no blog de teste o slideshow com imagens da minha galeria no Flickr, com reproduções de desenhos meus e, por enquanto, uma fotografia.

É bem prático esse recurso, pois fica na sidebar divulgando o meu outro espaço na internet, porque é também um link. É só clicar nele e vai ser levado ao meu Flickr. Notei, enquanto estava configurando a apresentação de slides, que se colocamos apenas a opção Palavra-chave o que aparecem são imagens que estão nesse site, seja o Flickr, o Picasa ou outro. Eu optei pela opção Usuário por querer que vejam imagens que são minhas.

Dá para decidir a velocidade em que as imagens vão sendo mostradas. Em Opções, podemos escolher como vai ser aberta a página quando clicamos no slideshow, eu gosto de que abra em outra aba do navegador.

Eu não sabia exatamente como fazer esse tipo de slideshow, não sabia que há um gadget no próprio no blog para isso. Achei tudo bem explicado neste link Dicas Blogger
Tudo começa com a seleção do item Layout, a seguir clicar em  Adicionar um Gadget

e aguardar que uma janela se abra

Há outros tipos de slideshow, quero ver se encontro um para as postagens mais lidas e um programa para fazer slideshows que eu possa inserir dentro de postagens. Encontrar os recursos adequados exige pesquisa.
Ainda não sei se vou levar esse slideshow para o blog oficial, vou aguardar um pouco.
Estou gostando de ter esse blog de teste!

ThingLink

E o que é o ThingLink que eu usei na foto da postagem Sibylle Peretti do meu blog oficial?
Vejamos a foto



ali no canto há o logotipo dele.
Coloque o cursor foto e vai ver o que está oculto, algo como o que vemos nesta outra foto do cantor e músico Louis Armstrong

há botões ali, cada um deles leva a uma informação.
Usei a seta para o link de um vídeo e   para informação, no caso da minha postagem leva ao link da página do site da artista Sibylle onde se encontram a foto que compartilhei e muitas outras de esculturas dela

O ThingLink é uma ferramenta muito boa para tornar interativa uma imagem. É algo desejável disponibilizar informações assim desse jeito simples, sem ocupar espaço no texto, sem atrapalhar a apreciação da foto, deixando o visitante à vontade para escolher o que quer ver, na ordem que desejar. É possível colocar muitos desses botões informativos, não sei ainda se há um limite.
Aprendi isso e muito mais na oficina de Produção de Conteúdo e Curadoria de Web que terminou há poucos dias lá na OC Hilda Hilst, em Campinas | SP. A coordenação foi de Larissa Meo, que é jornalista e designer.
Vou falar muito nela por aqui, Larissa passou uma infinidade de ferramentas que ainda não testei e são boas demais para quem tem blog, site, Facebook, Twitter e outras redes sociais.
É preciso se registrar no ThingLink para aplicar nas fotos os botões. Dá para escolher o formato do botão, o ponto na imagem onde quer que ele fique, as informações que você quer que sejam linkadas.
Botão para vídeo é ótimo, porque já abre uma janela e a gente vê ali mesmo, se quiser.
Não gostei do  logo do ThingLink visível o tempo todo, mas o resto é muito interessante, útil.
No canto direito pode-se compartilhar nas redes.
Na verdade, ele não é só uma ferramenta, as imagens preparadas com os links são compartilhadas ali  e tocadas quando a pessoa gosta, como as curtidas no Facebook.

Quebra de página, mais informações

Alguém reparou na postagem O que é o que é que apareceu esse Mais informações logo abaixo da imagem?
Pois eu só vi depois de publicada!
Não sabia qual era o efeito de clicar no botão da barra de ferramentas de escrever postagens no blog, que se parece com a do editor de texto Word

Vi que apareceu uma espécie de fenda

e continuei a escrever.
Foi uma surpresa quando publiquei e dei falta do texto. Aí li o Mais informações, cliquei e abriu a postagem inteira noutra página. Embora tenha me agradado o recurso neste caso, afinal há uma questão no título da postagem e a quebra logo abaixo da imagem foi interessante, trouxe um certo mistério... não sei, não precisava, o mistério se desfaz mesmo apenas na postagem do blog de teste.
Eu tentei retirar aquilo dali, mas não houve jeito. Ainda tenho de verificar se há como corrigir, mudar a quebra de lugar, por enquanto aprendi a vantagem de, quando a quebra é bem pensada, deixa a sequência de postagens longas com uma aparência melhor, como está dito no site Várias dicas para Blogs.
Vale ler as explicações, o passo a passo neste site, inclusive a dica no final de fazer as tais quebras em todas as postagens anteriores.

B de Blogger

O que se vê nas abas do navegador em azul e vermelho é um teste, um retalho de foto

Ainda vai ser com meu nome

e quadrado, do contrário, não é aceito, não se encaixa na posição de Favicon.
É mais uma descoberta recente do legal que é ter um favicon personalizado no blog. Aliás, eu não sabia o que era isso, para ser sincera. Aprendi assistindo a aulas gratuitas de Wordpress*
no final do mês passado num site de cursos online chamado Eduk. Foi Ludy Amano quem falou o que era exatamente o favicon.
No template, que é como se referem ao modelo quem entende do assunto e prefere usar o termo em inglês, há uma estrutura invisível, é o Layout

 A gente escolhe uma imagem com formato quadrado de até 100 Kb. Uma observação que faço é a de o Blogger podia dar as medidas em pixels em vez de determinar o tamanho máximo do arquivo que cabe ali. Depois clica em editar, abre uma janelinha, pede para procurar no computador a imagem desejada e preparada no formato pedido e logo ela vai subir, é o upload do arquivo. Salve e peça para visualizar, a página do blog vai abrir e, se gostou, é só clicar Salvar organização,

Quero falar em outras postagens sobre Blogger e  Wordpress. Ambos são o que chamam de plataforma. Não achei uma definição da palavra plataforma para esse caso, mas é a estrutura onde colocamos os dados de nossos blogs e sites. A web é uma imensa plataforma, bota imensa nisto.
Estou pesquisando opiniões sobre as duas plataformas, os argumentos para desqualificar o Blogger e incensar o Wordpress, plataforma que tem uma versão paga e outra gratuita e que para ter todas os recursos tão alardeados é preciso comprar domínio e pagar por hospedagem, além de ser mais complexo para se criar um blog ou site nela.
Já descobri que existem muito mais plataformas disponíveis do que podia imaginar e que é bom a gente pensar qual vai ser o tipo de blog ou site que se quer, se de vendas, profissional, cultural, para postar novidades para os amigos etc.
E mais, é essencial ter em mente que um blog ou site bonitinho, cheio de botões para o visitante/cliente clicar mas sem conteúdo não vale nada!
Conteúdo é rei, como disse Bill Gates, um dos fundadores da Microsoft!**
Ah,o Favicon pessoal eu usei, em princípio, sem jeito devo admitir, para dar uma cara menos blogger.
Mas é gostoso poder personalizar o blog!


_______

* Aqui está o link do curso que você compra o direito de assisti-lo online sempre que quiser. Não sei como isso funciona,     nunca comprei curso da Eduk nem tentei assistir clicando no botão verde

 Assisto nos dias em que tenho certeza de que é gratuito, que não vou me comprometer de adquirir o curso. Não simpatizei com esse negócio de ficar online e não ser enviado o curso num DVD, ou poder fazer o download dele. Nas aulas gratuitas tem havido transmissão ruim, com interrupções e mesmo ficando fora do ar, as pessoas reclamam e o conselho é comprar. Seus cursos são muito bons, de qualidade, não estou colocando isso em dúvida, conto o que vivi e sei de outras pessoas que passaram pelo mesmo problema durante as aulas gratuitas.

** Participei da Oficina de Produção de Conteúdo e Curadoria de Web com a coordenadora Larissa Meo recentemente e foi ela quem citou a frase de Bill Gates.
Ainda vou comentar, contar o que rolou nessa oficina e o que aprendi. Já posso adiantar que ter participado dela tem muito a ver com ter dado início à reforma do blog.