miercuri, 7 august 2013

Cum adaugi butonul Like la postările tale :)

      După ce m-am chinuit foarte mult să adaug butonul Like, m-am gandit să vă ajut şi pe voi, cei care nu ştiţi :)
      Pentru început, intraţi în Şablon -> Editaţi HTML, apoi apăsaţi CTRL+G. Vă va apărea sus în colţul din dreapta o casetă de căutare. Acolo veţi căuta <data:post.body/> şi apăsaţi Enter. Rezultatul vă va apărea colorat cu galben. După el, veţi adăuga acest cod:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'YOUR_APP_ID',                        // App ID from the app dashboard
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel file for x-domain comms
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });

    // Additional initialization code such as adding Event Listeners goes here
  };

  // Load the SDK asynchronously
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/all.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>


     Lasaţi aşa şablonul pentru moment, nesalvat şi intraţi pe  https://developers.facebook.com/docs/reference/plugins/like/   pentru a vă creea butonul Like cum vreţi.
   La URL to Like veţi adăuga site-ul, iar la celelalte veţi alege din variantele care vi se oferă. 
   Dupa ce aţi terminat, apasaţi pe Get code. Vă vor apărea două coduri. 
   Daţi Copy la primul şi reveniţi la Şablon.  şi, deasupra de el, adăugaţi acest cod.
   Copiaţi şi cel de-al doilea cod şi adăugaţi-l deasupra de primul cod. ( cele doua coduri trebuie să se afle între <data:post.body/> şi <data:post.body/> - la mine aşa a mers, poate funcţionează şi altfel ). 
    După ce aţi terminat, daţi click pe Previzualizaţi şablonul pentru a vedea dacă vă apare, apoi Salvaţi şablonul. (În caz că nu vă apare, daţi Anulaţi modificările după ce aţi previzualizat şablonul) 
     Sper să reuşiţi şi voi :)
   

Niciun comentariu:

Trimiteți un comentariu