Inserindo botões de comprar em seu blog
Você pode inserir botões de compra em qualquer blog que suporte a inserção de código HTML. Para começar, acesse o Gerador de Botão Comprar e gere o código HTML para o seu produto.
Em seguida, altere o código gerado, removendo todas as quebras de linha. Por exemplo, o código que estava assim:
<!-- INICIO FORMULARIO BOTAO PAGSEGURO --> <form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post"> <input type="hidden" name="email_cobranca" value="seu_email@lojamodelo.com.br"> <input type="hidden" name="tipo" value="CP"> <input type="hidden" name="moeda" value="BRL"> <input type="hidden" name="item_id_1" value="12"> <input type="hidden" name="item_descr_1" value="Produto de Exemplo - Implementacao Blogs no Guia do desenvolvedor"> <input type="hidden" name="item_quant_1" value="1"> <input type="hidden" name="item_valor_1" value="4000"> <input type="hidden" name="item_peso_1" value="0300"> <input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnPagueComBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!"> </form> <!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
Deve ficar assim:
<!-- INICIO FORMULARIO BOTAO PAGSEGURO --> <form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post"> <input type="hidden" name="email_cobranca" value="seu_email@lojamodelo.com.br"> <input type="hidden" name="tipo" value="CP"> <input type="hidden" name="moeda" value="BRL"> <input type="hidden" name="item_id_1" value="12"> <input type="hidden" name="item_descr_1" value="Produto de Exemplo - Implementacao Blogs no Guia do desenvolvedor"> <input type="hidden" name="item_quant_1" value="1"> <input type="hidden" name="item_valor_1" value="4000"> <input type="hidden" name="item_peso_1" value="0300"> <input type="image" src="https://pagseguro.uol.com.br/Security/Imagens/btnPagueComBR.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!"> </form> <!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
Em seguida, selecione e copie o código.
Wordpress
Na tela de edição de post, clique em “HTML” (veja figura) e cole o código gerado.

Blogger / Blogspot
Na tela de edição de post, clique em “Editar HTML” (veja figura) e cole o código gerado.

Outros
O processo é o mesmo para outros sistemas de blogging que suportem a edição de HTML. Edição de HTML é um recurso muito comum, procure no seu sistema.
