Her Portable Biz

Adding social share buttons to a course or lecture.

There are two places to add some extra code.

1. In the power editor go to your custom css file and add this snippet of code. This will help make the images display horizontally.

/*social sharing buttons*/

ul.share-buttons{

 list-style: none;

 padding: 0;

}

ul.share-buttons li{

 display: inline;

}

2. The second set of code you might want to edit, to include your preferred social sharing icon images, or add in extra sharing links. You’ll also want to add in your own twitter handle where it says YOURTWITTERNAME

h2>

Enjoy this course? Consider sharing with your friends/colleagues.</h2>

<div>

<ul class="share-buttons">

<li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fportablebiz.club&amp;t=" title="Share on Facebook" target="_blank" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.URL) + '&amp;t=' + encodeURIComponent(document.URL)); return false;"><img src="https://www.filepicker.io/api/file/O2C38zVtSaWrKlFoeAUf"></a></li>

<li><a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Fportablebiz.club&amp;text=:%20http%3A%2F%2Fportablebiz.club&amp;via=YOURTWITTERNAME" target="_blank" title="Tweet" onclick="window.open('https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + ':%20' + encodeURIComponent(document.URL)); return false;"><img src="https://www.filepicker.io/api/file/A5qoUu8WQx6cHhTcWQja"></a></li>

<li><a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fportablebiz.club&amp;description=" target="_blank" title="Pin it" onclick="window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(document.URL) + '&amp;description=' + encodeURIComponent(document.title)); return false;"><img src="https://www.filepicker.io/api/file/gnH9wZKGTdqTL0K2Ee4Y"></a></li>

</ul>

</div>