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

Como adicionar formulário de contato no blogspot

Formulário de contato profissional para blogspot

A página de contato é muito importante, pois é por meio dela que os visitantes, marcas e empresas podem te contatar, além de deixar o blog com uma cara bem mais profissional.

É interessante também ter um email para o blog, assim você duas opções de contato. Isso é importante porque não é todo mundo que gosta de preencher formulários, e raramente as empresas vão perder tempo preenchendo um formulário sempre que precisar contatá-lo.

O Blogger oferece um gadget de contato que pode ser posicionado em qualquer parte do layout, mas o ideal mesmo é ter uma página de exclusiva para isso que você pode referenciar no seu menu principal, facilitando o acesso. Para aprender a criar o seu formulário de contato com as ferramentas do Blogspot é só seguir os passos abaixo:

1º passo: Abra a opção de “Layout” do seu Blogspot e clique em “Adicionar Gadget”. Na janela que abriu, clique em “Mais gadgets” no menu lateral esquerdo e clique em “Formulário de contato”, escolha um nome para o seu formulário e clique em Salvar. Não se preocupe com a posição que ficará por enquanto.

(mais…)

Adicionar a caixa de curtir (like box) no wordpress

Se você tem um blog e quer aumentar a divulgação do seu conteúdo, uma ótima dica é criar uma página do facebook, e para ajudar no crescimento dessa página, é bom divulgar ela no seu blog, ou seja, divulgação é a alma do negócio rs.

Se você quiser aprender a incluir uma espécie de miniatura da sua Fan Page no seu blog (igual ao meu sidebar), é só seguir o tutorial abaixo:

1° passo: Acesse o link https://developers.facebook.com/docs/plugins/page-plugin

2° passo: Preencha os campos abaixo:

Como adicionar a caixa de curtir do facebook (likebox) no blog

Facebook Page URL: o endereço configurado da fan page

Width: A largura que você deseja que a “caixa” tenha

Height: A altura que você deseja que a “caixa” tenha

Você pode customizar a sua caixa usando as demais opções marcáveis.

3° passo: Clique no botão Como adicionar a caixa de curtir do facebook (likebox) no blog , copie o código da primeira parte logo após a tag < body> do seu template e o código da segunda caixa onde você deseja que a miniatura apareça.

Como adicionar a caixa de curtir do facebook (likebox) no blog

Pronto, agora quem acessar seu blog pode conhecer sua página do facebook e a curtir sem ter que ficar abrindo outras janelas.

Se gostaram do tutorial ou tiverem outras dúvidas, comentem abaixo, será um prazer responder!

Ah, aproveita e curti a página do blog para receber o conteúdo direto na sua timeline 😀

Importar posts do blogger para wordpress

 importar posts do blogger (blogspot) para wordpress

Para manter todo o conteúdo do templatesbylecca.blogspot.com, tive que tranferir os posts do blogger.com para o meu wordpress.

In order to keep all the content from templatesbylecca.blogspot.com, I had to transfer all the posts from blogger.com to my wordpress.

Se você também deseja mudar a plataforma do seu blog, saiba que é bem menos trabalhoso e complicado do que parece ser. Siga o tutorial abaixo para mais detalhes:

If you want to change your blog’s platform, know that this is less hard and complicated than it seems. Follow the tutorial bellow to learn the details:

1º Passo: Acesse o painel do seu wordpress clique em Plugins > Adicionar Novo

1st step: Access your wordpress dashboard and click in PLugins > Add new

Como importar posts do blogger (blogspot) para wordpress

2º Passo: Procure por “Blogger Importer Extended”. Instale e ative o Plugin.

2nd step: Search for “Blogger Importer Extended”. Install and activate the plugin.

Como importar posts do blogger (blogspot) para wordpress

3º Passo: Na página de plugin, clique em “Start!” e depois em “Ok, let’s go!

3rd step: In the “plugins” page, click in “Start!” and them in “Ok, let’s go!

Como importar posts do blogger (blogspot) para wordpress

Como importar posts do blogger (blogspot) para wordpress

4º Passo: Autorize o plugin a acessar sua conta do Blogger

4th step: Authorize the plugin to access your Blogger account.

Como importar posts do blogger (blogspot) para wordpress

5º Passo: Escolha o blog que deseja importar.

5th step: Choose the blog you want to import.

Desmarque “Convert formatting” para que o plugin remova as tags html extra do blogger e deixe o texto limpo.

Unmark “Convert formatting” so the plugin remove the extra html tags blogger uses and let the text clean.

Mantenha o “Preserve slugs” marcado para os permalinks serem mantidos – slugs são algumas palavras em letras minúsculas, geralmente derivadas do título, usadas para criar um permalink amigável e legível, por exemplo: http://bylecca.com.br/2015/06/5-canais-do-youtube-para-quem-quer-morar-fora/

Keep “Preserve slugs” marked so the permalinks will be kept – slugs are some words in lowercase, usually derived from the title, used to create a permalink friendly and readable, for example: http://bylecca.com.br/2015/06/5-canais-do-youtube-para-quem-quer-morar-fora/

Marcar essa opção vai ajudar caso queira usar um redirecionamento 301 dos seus posts do blogger para o wordpress, mas isso é assunto para um próximo tutorial, fique de olho (:

Checking this option will help if you want to use a 301 redirect from your blogger posts to your WordPress, but that’s a topic for an upcoming tutorial, watch (:

Clique em “Start import”

Click in “Start import”

Como importar posts do blogger (blogspot) para wordpress

6º Passo: Após aguardar a importação, você pode pular o passo de atribuir um usuário aos posts clicando em “skip”, assim os posts serão atribuídos ao usuário que fez a importação.

6th step: After waiting for the import, you can skip the step of assigning a user to posts by clicking on “ skip “, so the posts will be assigned to the user you are using at the time you made this process.

Pronto, seus posts foram importados com sucesso! Se quiser pode fazer uma doação para o criador do plugin e depois continuar trabalhando no seu blog!

It’s done, your posts were successfully imported! If you want, you can make a donation to the plugin’s creator and then continue working on your blog!

E aí achou difícil? Ficou com dúvidas?

Do you think this process was difficult? Do you have any doubts? Comment down below.

Botão Curtir do Facebook no seu blogger

Como colocar a opção botão curtir do Facebook ou recomendar?

Simples, mas quando comecei a pesquisar para colocar no meu blog, quase não encontrava um código que realmente funcionasse, dai resolvi fazer este post.

Se você por exemplo, deseja colocar a opção curtir por post publicado, você irá fazer o seguinte:

1 – Vai clicar em modelo, HTML, expandir o modelo e procurar por este trecho de código:

Acima da tag body vai colar o código abaixo:

Agora se quiser colocar este código no seu sidebar ou em outra gadget, poderá então utilizar este outro código abaixo.
Vai em adicionar gadget, utiliza a opção HTML/JavaScript e colar os códigos.

Vamos ao Tutorial:

1º – Acesse o painel do seu blog e clique na guia modelo.
2º – Depois clique no botão Editar HTML.
3º – Segure as teclas CTRL+F e procure por:

4º – E, acima dele, cole o seguinte código:

5º – Em seguida, segure novamente as teclas CTRL+F e procure por:

6º – E, acima dele, cole o seguinte código:

7º – E, pela última vez, segure as teclas CTRL+F e procure por:

8º – E, abaixo dele cole o seguinte código:

É só salvar e visualizar.

Responder aos comentários do blogger

Boa noite visitantes e seguidores do templatesbylecca. Hoje resolvi publicar um novo tutorial referente a a respostas no blogger, eu sei vão comentar, isso já foi a muito tempo, compreendo. Só que muitos irão gostar de alguns modelos free, irão baixar e personalizar algumas coisas que lhes convem, e se o modelo for antigo, digo antes do blogger lançar essa novidade, não encontrarão lá essa opção, digo como responder aos comentarios do blogger. Ai, pensando nos meus caros iniciantes blogueiros, interessados em blogs, sem preguiça de fazer as modificações necessárias, vai ai o que deve fazer para estar adicionando esta opção. É o seguindo:

 

Obs. Só lembrando pessoal que antes a opção de comentários tem que ser incorporado, ok!
E o que faz dispensar definitivamente o Askme, que particularmente é bom , porém fica saudades por ter sido tão especifico quanto as dúvidas.


1 – clica no modelo
2 – HTML
3 – Clica em Expandir modelos de widgets
4 – Copia o modelo em algum editor como o bloco de notas por exemplo ( utiliza o CRTL + F para localizar o seguinte trecho)
5 – Porém antes não esqueçã de averiguar se a opção: Permitir feed de blog ? |opção completa|
6 – Procure então por :

Se você usar o CTRL + F e procurar por :

É praticamente o último item, onde irá parar e não encontrará mais nada.

Você então apaga:

E substitua por:

7 – è só clicar em salvar e visualizar para ver se esta tudo ok!

8 – Para ter certeza veja se logo abaixo esta este outro código:

Para personalizar a area de comentarios, procure no CSS :

Menu horizontal para páginas novas do blogger

Gostaria de passar aos meus visitantes uma dificuldade que senti na criação de novas páginas no blogger e ao adicionar os links no meu horizontal dos meus novos templates.

O que na verdade não ficavam na horizontal e sim um embaixo do outro, levou-me então a pesquisar.

É isso como adiconar um menu para criação de novas páginas.

Começo pelo style.

Adicione então ao css do seu template estes códigos:


Dois novos templates para vocês, que espero que gostem, atendendo a pedidos de alguns visitantes, o clean semelhante com alguns para wordpress:

Obs: O template clean se retirarem a imagem que esta entre os códigos aparecerá o título original do blogger, caso não queiram usar o logo colocado no lugar do título.

Download aqui para Uol (zip.net)

 

Colocando musica no blog


É isso pessoal, aqui não é só templates, mas também dicas para os meus visitantes queridos, que muitas vezes perguntam: Onde encontro música para colocar em meu blog? Como faço para colocar música no meu blog? Então pesquisei, testei aqueles sites fáceis para iniciantes, que pódem encontrar tudo praticamente prontinho. Tipo só pegar os códigos e protinho.
Eu quando procuro algo para meu blog, quero algo descomplicado, simples mesmo, visto que estou sempre começando,pois muito tempo longe daqui, acabo esquecendo alguns passos básicos precisando relembra-los.


 

 

Obs: os códigos para musica geralmente são como este código aqui abaixo tirado do ijigg:

<object width=”315″ height=”80″><param name=”movie” value=”http://www.ijigg.com/jiggPlayer.swf?songID=V24BAGC0PB0&Autoplay=0″><param name=”scale” value=”noscale” /><param name=”wmode” value=”transparent”><embed src=”http://www.ijigg.com/jiggPlayer.swf?Autoplay=0&songID=V24BAGC0PB0″ width=”315″ height=”80″ scale=”noscale” wmode=”transparent”></embed></object>

Ainda poderá criar sua própria caixinha de musica com a midi hospedada em algum site que suporte este arquivo:

Exemplo tirado do site:
http://maisblog.50webs.com/


E os códigos são estes:

<!– inicio midi player By Lecca –>
<center>
<div style=”visibility:hidden;position:absolute;top;”>
<OBJECT ID=”mp” classid=”CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95″ type=”application/x-oleobject” codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112″ width=”1″ height=”1″>
<PARAM NAME=”AutoRewind” VALUE=”true”>
<PARAM NAME=”Balance” VALUE=”0″>
<PARAM NAME=”AutoStart” VALUE=”true”>
<PARAM NAME=”ShowDisplay” VALUE=”false”>
<PARAM NAME=”ShowControls” VALUE=”false”>
<PARAM NAME=”ShowTracker” VALUE=”false”>
<PARAM NAME=”PlayCount” VALUE=”0″>
<PARAM NAME=”FileName” VALUE=”COLOQUE AKI O ENDEREÇO CONPLETO DA SUA MID”>
</OBJECT></div>
<table border=”0″ id=”midi” background=”endereço da imagem aqui” width=”120″ height=”80″>
<tr><td>
<center>
<a href=”http://www.templatesbylecca.blogspot.com” target=”_blank” title=”TBL tudo para seu blog”>
<div style=”text-align: center; height:15; width:66″>
<input type=”button” value=”4″
style=”font-size: 8pt; font-family: webdings; color:#000000; background:;
border:0;” ONCLICK=”mp.Play()”>
<input type=”button” value=”;”
style=”font-size: 8pt; font-family: webdings; color:#000000; background:;
border:0;” ONCLICK=”mp.Pause()”>
<input type=”button” value=”<”
style=”font-size: 8pt; font-family: webdings; color:#000000; background:;
border:0;” ONCLICK=”mp.Stop()”> </div>
</a></td></tr>
</table></a>
<!– Fim da midi By Lecca –>

Bem espero que aproveitem a dica e tenham uma ótima semana.
E esperem que ainda neste post adicionarei um novo template que esta quase pronto.

Novas imagens

Coloquei novas imagens de laços para construção de templates e gifs.

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


Layout e Programação por Letícia Pontes By Lecca por Letícia Pontes 2003 - 2015