Wednesday, May 18, 2011

Adicionando Curtir Compartilhar Facebook Twitter

Para adicionar botão de compartilhar do twitter no seu site, é só acessar http://twitter.com/about/resources/tweetbutton, lá tem as opções para criar seu botão super fácil, no final ele gera um código pra adicionar no seu site tipo este:

<a href="http://twitter.com/share" 
class="twitter-share-button" 
data-count="vertical" 
data-via="BolivarButzke">Tweet</a>
<script type="text/javascript" 
src="http://platform.twitter.com/widgets.js">
</script>

E o resultado será algo assim:

Bom, pro botão de Curtir do Facebook pode usar o seguinte código:

<iframe src="http://www.facebook.com/plugins/like.php?href='.curPageURL().'&layout=button_count&show_faces=false&width=80&action=like&font=arial+grande&colorscheme=light" allowtransparency="true" style="border: medium none; overflow: hidden; width: 80px; height: 21px;" frameborder="0" scrolling="no"></iframe>

Sendo que a função PHP curPageURL() tem o seguite código:

function curPageURL() {
    /*
    RETORNA O ENDEREÇO URL DA PAGINA ONDE FOR CHAMADA
    echo $util->curPageURL();
    */
    $pageURL = 'http';
    if ($_SERVER["HTTPS"] == "on") {$pageURL .= "s";}
    $pageURL .= "://";
    if ($_SERVER["SERVER_PORT"] != "80") {
        $pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
    } else {
        $pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
    }
    return $pageURL;
}

Encontrei este código na Internet, neste endereço http://www.webcheatsheet.com/PHP/get_current_page_url.php

O resultado do Like Facebook será algo assim:

2 comments:

  1. Muito bom o post, estava pesquisando sobre isso.
    Bolivar, tenho um formulário PHP que possui campos data, gostaria de adicionar aqueles calendários para o usuário fazer a seleção da data, porém não encontrei uma solução. Vc tem alguma sugestão?
    Obrigado
    Carol

    ReplyDelete
  2. Olá Carol, ultimos tempos tenho estudado um pouco de JQuery e estou usando ele em praticamente tudo agora, dá uma olhada neste link:

    http://jqueryui.com/demos/datepicker/

    Tem um exemplo pronto, só clicar em view Source.

    Abraço

    ReplyDelete