niedziela, 11 listopada 2012

Jak zrobić przyciski udostępniania posta w serduszku?

Podoba Wam się takie serduszko jak u góry? Możecie je mieć u siebie na blogu, by wasi czytelnicy mogli szybko i łatwo udostępnić wpisy z Waszego bloga innym.
Instrukcja w 5 krokach...

Serduszko ma możliwość udostępniania danej strony na następujących portalach społecznościowych:
facebook



 twitter

 pinterest


linkedin

stumbleupon



e-mail


share this




Krok 1.
Robimy kopię zapasową (instrukcja) oraz wchodzimy w edycję kodu HTML naszego szablonu
Krok 2.
Wciskamy CTRL+F i szukamy
</head>



Wklejamy powyżej kod:
<!-- Start Spolecznosciowe serce http://www.pomocnicy.blogspot.com/ --><script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/><!-- Koniec Spolecznosciowe serce http://www.pomocnicy.blogspot.com/ -->

Krok 3
Wciskamy CTRL+F i szukamy 
</body>

Wklejamy powyżej kod:
<!--  Start Spolecznosciowe serce http://www.pomocnicy.blogspot.com/--><div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareHeart'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script><a href="http://www.pomocnicy.blogspot.com/">Blogger Gadgets</a><!--Koniec Spolecznosciowe serce http://www.pomocnicy.blogspot.com/  -->
Krok 4
Zmieniamy położenie obrazka z bottom: 2%; left: 2%, 
Im wyższy procent przy bottom tym wyżej zobaczymy serduszko - wartość między 1-88%
Im wyższy procent przy left tym bliżej prawej zobaczymy serduszko wartość między 1-80% - Osobiście nie radzę przesuwać do prawej krawędzi bo nie widać jak serduszko się rozwija.

Krok 5 
Wybieramy które z serwisów społecznościowych ma być w naszym serduszku
[&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;] Usuwamy te których nie chcemy u siebie - wszystko to co jest zaznaczone danym kolorem!

Kod każdego z serwisów ma styl
&#39NAZWA_SERWISU#39; 
Kody kolejnych serwisów muszą być oddzielone przecinkami.

Przykładowo ja nie chce u siebie e-maila, stumbleupon oraz pinterest mój kod będzie taki:
[&#39;facebook&#39;,&#39;twitter&#39;,&#39;linkedin&#39;,&#39;sharethis&#39;]

Zapisujemy zmiany w szablonie i gotowe.

Zarabiaj na sprzedaży książek!