5 Ferramentas para Formatação de Código para postar no Blogger

Investigando sobre como colocar código formatado nos posts do Blogger.

A primeira técnica é a que eu uso e é a mais simples e mais rápida utilizando ferramentas conhecidas como "Online Syntax Highlighters". Basta você escolher uma das ferramentas abaixo, colar o seu código e a ferramenta devolve o texto todo formatado e colorido para ser copiado e colado no seu post para facilitar a leitura do código que está publicando para outros usuários.

http://markup.su/highlighter/
http://tohtml.com/
http://quickhighlighter.com/

A técnica mais top exigirá alguns minutinhos de atenção para instalar o SyntaxHighlighter no seu template do blogger. O SyntaxHighlighter foi totalmente desenvolvido em JavaScript e pode ser uma boa se você publica muito código.

http://alexgorbatchev.com/SyntaxHighlighter/

E para quem é fã da Google pode ficar interessado nessa solução de formatação de código para postar no blogger ou no seu site usando o Google Code Prettify. =)

Problema com as meta tags do Facebook - Open Graph Debugger

Resolvido! Fixed! :) O problema com as meta tags do Facebook foi resolvido.

Otimizei uma página para o Facebook mostrar uma imagem, título e descrição específico, em lugar de seguir deixando ele puxar as informações automaticamente.

Então configurei as seguintes meta tags do Facebook, dentro do da minha página:

<meta property="og:title" content="Criação de Sites que Vendem 2.0">
<meta property="og:site_name" content="Lucrando na Web">
<meta property="og:description" content="Quer descobrir como o seu site pode pode virar uma máquina de vendas em apenas 8 semanas?">
<meta property="og:image" content="http://www.lucrandonaweb.com.br/lp/images/marca-lucrando.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="180">
<meta property="og:image:height" content="180">
<meta property="og:locale" content="pt_BR">
<meta property="og:url" content="http://lucrandonaweb.com.br/lp/">
<meta property="og:type" content="website">

Mas o curioso é que ainda assim, sempre que eu publicava esse link no chat, ou publicava esse link no meu feed, o Facebook identificava um título, descrição e imagem diferente das que eu havia especificado com as og tags acima e foi uma luta até que descobri a ferramenta Open Graph Object Debugger que resolveu meu problema com as meta tags do Facebook.




Basicamente foi só dar alguns "Fetch new scrape information" para o Facebook começar a identificar o novo conteúdo das meta tags do Facebook para tudo funcionar como deveria ser :)

Como Encontrar os Melhores Profissionais pelo Workana

Neste artigo, quero compartilhar uma dica muito legal para quem quer contratar freelancers com segurança pelo Workana. 

Primeiro de tudo Cadastre-se Grátis.



Principalmente para quem tem demandas de WordPress, encontrará muitos programadores oferecendo ajuda e propondo soluções criativas que muitas vezes até mesmo não custam muito mais que o acesso a uma informação.

Tudo dependerá de como você organizará a publicação do seu projeto com o seu pedido de ajuda.

Quanto mais organizado estiver seu projeto, mais colaboração encontrará nessa comunidade.

Quanto mais específico for seu projeto, maiores são as chances dos melhores especialistas de cada assunto se interessarem pelo seu projeto.

Poderá começar criando um projeto Layout para Tal Nicho; depois outro projeto para alguém para programar o site planejado pelo designer; depois outro projeto para atrair especialistas em Otimização de Sites para Buscadores (SEO) e por ai segue até o seu site ficar pronto.

Tentar simplificar seu trabalho criando um único projeto "Criação de Site Completo" só tornará a negociação mais lenta, mais cara e ainda por cima encontrará profissionais que consumirão seu tempo e não resultará na melhor experiência na contratação de freelancers.

Alinhamento Vertical Absoluto usando CSS Cross Browser

Sempre perco tempo procurando resolver o problema de alinhamento de conteúdo na vertical e que seja cross browser de conteúdo dentro de DIV.

Depois de testar vários métodos, o modo mais simples de alinhar conteúdo na vertical foi criando dois DIVs, um DIV externo usando a propriedade display:table e um segundo DIV usando o display:table-cell com a propriedade vertical-align:middle.

Espero que seja útil para mais pessoas!

 <style>  
   .ContainerExt {  
     display: table;  
     width: 330px;  
     height: 180px;  
     background-color: #333333;  
     overflow: hidden;  
   }  
   .ContainerExt:hover {  
     background-color: #000000;  
   }  
   .ContainerExt .ContainerInt {  
     display: table-cell;  
     margin: 0 auto;  
     text-align: center;  
     vertical-align: middle;  
     width: 100%;  
   }  
 </style>  
 <div class="ContainerExt">  
   <div class="ContainerInt">  
     <div class="boxQualquer">  
       Conteúdo Centralizado  
       <br />Multi-linha.  
     </div>  
   </div>  
 </div>  

Fonte: Andy Howard

Wordpress e mqtranslate: get_permalink não retorna o link com o idioma ativo (resolvido)

Prestes a finalizar a tradução de um site bilingue (português/inglês) utilizando o WordPress + mqTranslate (um fork do qTranslate) e tudo funcionava perfeito se não fosse o get_permalink insistia em retornar a url sempre sem o idioma ativo.

A função the_permalink funcionava perfeito. Retorna corretamente todos os links já traduzidos.

Eu selecionava o idioma inglês e o get_permalink insistia em retornar o link sem o /en/ na url.

Em lugar de retornar http://site/en/post, retorna sempre http://site/post

Pesquisando pela web descobri um hook simples e eficiente que resolveu o meu problema.

Adicione a linha abaixo no functions.php do teu tema:

add_filter('post_type_link', 'qtrans_convertURL');

Espero que ajude outras pessoas que também estejam com o mesmo problema com o get_permalink.

WordPress erro "pluggable.php on line 934" resolvido

Após remover alguns plugins do WordPress na mão pelo FTP, o site todo começou a retornar essa mensagem de erro pluggable.php on line 934.

Foi quando após algumas tentativas, acabei encontrando um post no fórum da comunidade WordPress, que sugeria que o wp-config.php fosse removido (ou renomeado) para refazer a instalação para que o WordPress verificasse a instalação e resolvesse o problema.

Pra mim funcionou e espero que ajude outras pessoas.

403 forbidden após enviar formulário RESOLVIDO

Se a sua aplicacação está apresentando o erro 403 forbidden, espero que essa dica ajude.

No meu caso o arquivo /login.php carregava normalmente.

Mas quando inseria os dados de usuário e senha o mesmo e faz um post para esse mesmo arquivo /login.php retornava um erro 403 forbidden.

Segundo a Wikipedia: 403 Forbidden (403 Proibido) é um código de erro HTTP retornado pelo servidor web quando o utilizador ou programa tenta obter acesso um recurso que o servidor não permite.

O erro também é obtido quando tenta ver a listagem de directórios em um servidor web com Apache ou Microsoft IIS com o recurso desabilitado.

Fiz vários testes de permissão de arquivos, 777, 755, etc. E nada funcionava até que através do São Google, achei uma informação que apontou como uma das soluções a desativação do mod_security.

Primeiro tentei por conta própria seguindo as orientações que achei em um fórum da Hostgator para tentar desativar o mod_security via .htaccess para resolver esse problema do 403 Forbidden.


Disable mod_security in .htaccess file

1. If you do not have one yet, an .htaccess file in the folder of your web application
2. To disable mod_security COMPLETELY, add the following line to the .htaccess file:
   • SecFilterEngine Off
   • OR, to disable HTTP POST scanning only, use the following instead:
   • SecFilterScanPOST Off
3. Save the file and test your web application to check whether disabling mod_security has solved your problem.

I recommend you to try SecFilterScanPOST Off first, instead of disabling mod_security completely.


Mas não funcionou. E tive que recorrer ao suporte da hospedagem para solicitar a desativação do mod_security para a minha conta. Após a desativação tudo supimpa.