Vídeo: Diário da ortognática – Pós-opertatório

Semana passada postei…

View more

Receita: Ratatouille

Lá em 2007…

View more

Dica de série: Unbreakable Kimmy Schmidt

Ontem foi meu…

View more

Comprei na china: Pincéis de maquiagem

Fazia um bom…

View more

Data dos posts personalizada com imagem de calendario

No post anterior escrevi que fiquei encantada com o video do leão Christian, mas não sei se vocês sabem que existe o livro o qual deixo a sinopse ai abaixo, o qual estou lendo e estou amando.
Autor: Anthony Bourke & John Rendall

Título Original: A Lion Called Christian (2009, edição revista e actualizada da edição original de 1971)
Editor: Editorial Presença
Páginas: 164
ISBN: 9789722342339
Tradutor: Manuela Madureira
Sinopse
Quando em 1969 Anthony Bourke e John Rendall decidiram comprar uma cria de leão nos armazéns Harrods, em Londres, não imaginaram que, décadas depois, a sua extraordinária história continuasse a comover gerações de leitores e espectadores. Publicado pela primeira vez em 1971, Um Leão Chamado Christian retrata o percurso desta amizade invulgar, desde os primeiros meses de vida em Londres, até ao reencontro inesquecível no Quénia. Esta nova edição, completamente revista e actualizada e contendo ainda diversas fotografias enternecedoras, tornou-se um bestseller do New York Times.

Vamos agora ao tutorial:

Personalizando a data dos posts do seu blog:
Resolvi fazer este tutorial porque gosto de estar colocando coisinhas diferente no meu blog quando edito uma nova versão:
Separei então dois exemplos de data que gosto:

Vamos lá ao 1º exemplo:


Coloque no seu css estes códigos abaixo:


 

Procure por este código em seu template e substitua por estes:

 

Coloque estes agora no lugar:

Vamos ao 2º exemplo:

Coloque em seu style css este códigos:


 

Procure por este código em seu template e substitua por estes os mesmo lá de cima:


Imagens para colocar em sua data personalizada, clique para fazer download:

 

 

Adicionar colunas na sidebar

Como adicionar outra coluna ao sidebar (menu lateral do blog)
Eu costumo começar pelo Style então vamos lá:
1 – Primeiro passo, procure por:


ou talvez esteja apenas #sidebar

Logo abaixo destes códigos acima cole os novos.


Dê estilo as duas colunas criadas:


 

2 – passo procure agora nos códigos, estes abaixo:

No final dos códigos desta sidebar cole os novos códigos abaxo.


Outra coisinha dê uma verificada no espaço da area total do seu template que que é a div:

ou as vezes está assim, #wrap…

É logico que as medidas estarão de acordo com o tamanho do seu template.
Dica: para localizar melhor essas divs nos códigos, faço em um blog de teste deleto todas as gadgets dai fica fácil localizar as sessões.

Jump break – Hack leia mais – more do blogspot.

Outra novidade do blogspot a qual não gostaria de estar deixando meus visitantes de lado sem saber, são os códigos more (leia mais) qua antes ao menos eu só conhecia no wordpress e um hack criado com o nome de postagens resumidas agora está disponivel no blogspot e o nome aqui jump break o que significa corte de algo, que para nós e a interrupção de um texto na parte desejada para ler mais se desejar.
Enfim vamos ao tutorial de como utiliza-lo.
Esta nova possibilidade póde ser adicionada de dois modos através do draft, para isso terá que ir no painel de controle do se blogger, clicar na primeira opção que é o básico, depois vai descendo até as opções do estilo de postagens:
Selecionar editor de
postagem

Editor atualizado – Confira os recursos mais recentes!
Editor antigo
Ocultar modo Escrever –
Selecione esta opção apenas se você normalmente edita HTML em vez de editar texto WYSIWYG .
E no editor atualizado conforme imagem abaizo poderá então estar fazendo uso desta nova função do blogspot liberada em homenagem aos seus 10 anos de existência.

Como trata-se de novidade nossos templates personalizados nã vai ter estas tags, teremos que adiciona-la para funcionar corretamente.
Clique em Expandir modelos de widgets
Procure por este trecho de códigos:


Copie e cole estes códigos então abaixo dos códigos acima ‘post-body’:


Para então aparecer leia mais… ou more… como desejar clique em layout (modelo) elementos de página e poderá observar, postagens no blog e logo abaixo editar, clique então em editar:

conforme imagens abaixo:

Vai ver lá então: Texto do link da página de postagem:?
É lá que poderá modificar.

Prontinho seu modelo esta atualizado!

Página do autor onde encontrei este tutorial: Dicas blogger

Avatar, gravatar no blogspot (blogger):

Assim que o script do photocoment deixou de funcionar, o qual achava muito legal porque permitia a imagem da profile do visitante nos comentários como se fosse um gravatar, o que aliás é só que do blogger.
Resumindo, dai fiquei a procura de gravatar, avatar para blogger e o máximo que achava era uns scripts com imagens aleatórias, não interessava-me, bem esta semena ao visitar o blog de uma menina que sinceramente não me lembro o nome vi lá as imagens da profile nos comentários, hum!!! meus ohos brilharam achei o que procurava, comecei a vasculhar a internet em busca deste script, encontrei então em un site no qual pude entender e faze-lo funcionar direitinho em meu blog como pódem ver.
Não tratava-se um script e sim de uma permissão do próprio blogger para serem visualizados em comentários embutidos, pois nos cometários popup já apareciam, portanto o blogger anunciou formalmente os avatares nos comentários ao que parece agora em setembro.
Vai ai o tutorial de avatar, gravatar como preferir que resolvi compartilhar com os meus visitantes.

Antes de mais nada você precisa ter marcado lá em configuraçães, comentários:

Mostrar imagens de perfil nos comentários? Sim Não
Em Editar HTML:

Expandir modelos de widgets

Use um programa descomplicado para editar seu modelo do blogger e outras coisas em html: Faça download aqui MAX’s HTML Beauty 2004

Prosseguindo então, procure nos códigos este trecho abaixo:


Apague e substitua por estes:


Procure este outro trecho de códigos e abaixo dele cole estes novos códigos:


 

Prontinhos você acrescentou ao seu modelos as tags do blogger que permitem a visualização da imagem da profile nos comentários.

Para personalizar acrescente ao style CSS acima de

este códigos abaixo:


 

Página do autor onde encontrei este tutorial: bloggerplugins

O que é RSS? e novos templates.

O que é RSS?
Resolvi fazer este post porque muitos blogueiros tem perguntado-me o que é?
E respondendo a pergunta é um endereço na internet que serve para monitorar as novidades de um site. Esse endereço deve ser inscrito em um programa que entenda RSS.
É útil quando você quer acompanhar muitos sites. Utilizando RSS você centraliza tudo em um local: o seu leitor de RSS.
O Firefox oferece leitores RSS online (como os do Google e Yahoo!) e desktop, programas que estão instalados no seu computador.
Esta páginahttp://br.mozdev.org/firefox/rss explica direitinho o conteúdo aqui paresentado, foi de lá que retirei esta explicação o que poupou-me carregar imagens blablabla…melhor que eles, acreditem não conseguiria explicar tão bem!

Dica: Você deseja qe o formulário do seu blogspot fique centralizado: use este código entre head acima deste código

exatamente acima que dai ficará centralizado

 

Novidades: Coloquei novos gifs de artistas e da Marie Cat é só ir lá conferir:

Novos templates free para blogspot, uol. blig, e blogger.com encontram-se na categoria desenhos.
Sempre tive vontade de fazer templates coloridos mas faltava-me inspiração e agora saiu estes que espero que gostem.


Script para flickr aleatório:

O Flickr esta ficando bem popular agora já é possivel acesso em nossa lingua o português.
Essas fotos aleatórias que se costuma ver no wordpress é possivel também em blogs comuns com direito a molduras e tudo:

1 – Bem pessoal para ter um “FLICKR”, você precisa ter sua id no yahoo.
Ou seja criar um e-mail lá para estar criando sua conta no flickr, se você tiver não precisa criar outra ok.
2 – Acesse então o site do Flickr aqui– então depois de criado tudo bonitinho, fez o upload de suas fotos vamos para a próxima etapa abaixo.

No final da página do flickr você vai clicar em ferramentas (são links pequenos no final) conforme imagem.


clique aqui para ampliar

A fotos então já estão lá ok.
Dai vai acessar o link Ei! Onde está o módulo? conforme imagem abaixo


clique aqui para ampliarclique aqui para ampliar
Conforme a imagem acima você agora vai clicar em criar um módulo, inglês badge, porque ai você vai entrar na página de opções por imagens aleatórias ou em flash.


clique aqui para ampliar

Faça a primeira opção seleção HTML se for para aleatórias (random) vá então passando as etapas até chegar


clique aqui para ampliarclique aqui para ampliarclique aqui para ampliar

Nesta imagens acima você vai escolher então se quer que seu ícone apareça,o tamanho, se vai ser aleatória( random ) ou flash, se você vai querer vertical ou horizontal, eu escolhi horizontal.

Já feita todas as opções inclusive a de cores vamos então aos códigos para colocar em sua página.
Você irá pegar apenas a parte do script dos códigos conforme abaixo:


Se você quiser editar o style css para que ele fique com bordas e o tamanho do seu gosto basta acrescentar estes códigos abaixo:


3&display= nesta parte do script você controla quantas imagens que que apareça no flickr.

Aprendeu aqui não deixe de dar os créditos.

Imagens hospedadasPhotobucket.com
Imagens hospedadasGooglepages.com

Ask-me, Faq para blogs:

Este tutorial de askme em PHP é super simples não requer banco de dados e de fácil intalação:
ask_rave é um script para perguntas e respostas e o que significa não usar um banco de dados é porque é tudo feito em arquivos de texto.
Podendo ser incorporado ao seu blog usando iframe.

1 – Vai precisar hospedar o script em hosting que suporte PHP.
2 – Baixe o arquivo da página do autoraqui ask_rave download
3 – Trasnfira os arquivos via FTP.
4 – para instalar: http://endereçopagina/ask_0_9_1_RC2/install.php (podera renomear o arquivo para askme)
5 – Após ter instalado delete o arquivo install.php e prossiga com a instalaçao.
6 – http://endereçopagina/ask_0_9_1_RC2/ask.php (vai colocar nome e senha para entrar no admin)
7 – para entrar no admin http://endereçopagina/ask_0_9_1_RC2/admin ( sem php no final) administra as perguntas e respostas.
8 – Página principal claro é o http://endereçopagina/ask_0_9_1_RC2/index.php

Askme.zip – adaptado por Lecca – Download aqui

Obs. Ao fazerem a transferencia, observem os arquivos se foram transferidos corretamente, conte, pois muitas vezes fica dois ou três que não foram transferidos o que impossibilitara a instalação do mesmo.

Este script é muito simples e totalmente customizavel o head_stnd você muda cor de fonte, a aparencia do index.
O autor pede que não retire os créditos:

Recomendo host free para hospedagem:

Formulário acima dos comentarios:

Como colocar o formulario de comentarários antes deles, logo após os posts e permanecer lá e os comentarios deixados ficarão portanto “abaixo do formulario”
Vamos lá, primeiro vamos procura pelos códigos responsaveis pelo formulário apenas:
Obs. dica use Ctrl+f para procurar é mais rápido.

Primeiro selecione a caixinha ‘Expandir modelos de widgets’ Dentro dos códigos do seu lay procure por esse trecho:


Encontrou!

Copie esses códigos apagando portanto do lugar que eles estão e vamos coloca-los mais acima:

Procure esse trecho de códigos, e cole então os códigos do formulário abaixo deles :


Salve os códigos se estiver tudo ok é só testa-lo.

Imagem de balao nos comentarios do blogspot

Estes códigos é para a mínima do blogspot:
Para ter o número de comentarios dentro de um balão ou outra imagem procure pelos códigos no css conforme abaixo:


 

E para que não apareça “comentarios” procure agora pelos seguintes códigos:


Vai retirar portanto esses códigos que estão em negrito de vermelho, como reparou a palavra plural aparece se retira-la não estará aparecendo a palavra comentários ficando apenas o número dos comentarios.

Aprendeu aqui dê créditos, templatesbylecca navegando e pesquisando para ajudar você.

Formulario embutido para blogspot clássico.

A pedido de algumas pessoas que tem pego lays free em ouros blogs mas não veem com os códigos para formulário embutido e com esses códigos abaixo vai ser possivel habilitar o formulário embutido do blogspot clássico.
Para começar procure no lay os códigos da area de postagem que começa com <blogger> e termina com </blogger>
e substitua por esses abaixo: