Beauty

Jak umieścić na blogu przycisk z opcją "przypnij" obrazek na Pinterest? [TUTORIAL]


Przedstawiamy prosty skrypt, który po umieszczeniu w kodzie szablonu bloga lub strony www spowoduje wyświetlenie się buttona z opcją "przypnij" na Pinterest, po najechaniu myszką na dowolny obrazek.

Umieszczanie skryptu na blogu, stronie lub forum

W edycji kodu HTML szablonu przed znacznikiem </body> (na Bloggerze może to być gadżet HTML/Javascript w menu Układ) dodaj poniższy kod:
<script>
//<![CDATA[
var custom_pinit_button = "http://2.bp.blogspot.com/-m1K_X9__BA4/VBricu3l1nI/AAAAAAAAEqY/mhzR1L3hppg/s1600/pinit-button.png";
var pinit_button_position = "center";
var pinit_button_before = "";
var pinit_button_after = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='pinit-img-button' src='https://googledrive.com/host/0BzWYBwKfT2eddjRFQ0hOWVJsVkU' type='text/javascript'> 
// Odwiedź blokotek.pl (nie usuwaj tego linku, gdyż dodatek przestanie się wyświetlać!) i pobierz więcej dodatków.
</script>


  • Link zaznaczony na zielono możesz zastąpić własnym obrazkiem przycisku.
  • Pozycję center (wyśrodkowanie przycisku) możesz zamienić na jedną z poniższych:

topleft - górny lewy róg
topright - górny prawy róg
bottomleft - dolny lewy róg
bottomright - dolny prawy róg

A oto efekt:

Instagram