Added Google+ and LinkedIN share for blog post

Trying empty src fix

Trying empty src fix 2

Built linked in button from ground 0 😛
This commit is contained in:
chipset 2015-11-05 16:08:46 +05:30
parent c34a84a7c6
commit 0d54b71c1b
3 changed files with 13 additions and 9 deletions

View file

@ -62,6 +62,7 @@ fb-share: True
twitter-share: True
reddit-share: True
google-plus-share: True
linkedin-share: True
disqus-shortname: "panossakkos"
###############

View file

@ -1,9 +1,6 @@
<!-- Javascript Start -->
<!-- Google Plus Share -->
<script src="https://apis.google.com/js/platform.js" async defer></script>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

View file

@ -15,12 +15,6 @@
</div>
{% endif %}
{% if site.google-plus-share %}
<div style="float:left; padding: 0 5px; vertical-align:top">
<div class="g-plus" data-action="share" data-href="{{site.url}}{{ site.baseurl}}{{page.url}}" data-annotation="bubble"></div>
</div>
{% endif %}
{% if site.reddit-share %}
<div style="float:left; padding: 0 5px; vertical-align:top">
<script type="text/javascript">reddit_newwindow='1'</script>
@ -30,6 +24,18 @@
</div>
{% endif %}
{% if site.google-plus-share %}
<div style="float:left; padding: 0 5px; vertical-align:top">
<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-plus" data-action="share" data-href="{{site.url}}{{ site.baseurl}}{{page.url}}" data-annotation="bubble"></div>
</div>
{% endif %}
{% if site.linkedin-share %}
<div style="float:left; padding: 0 5px; vertical-align:top; background-color: #0077B5; border-radius:3px">
<a style="color: #fff; vertical-align:middle; align: middle;" href="https://www.linkedin.com/cws/share?url={{site.url}}{{site.baseurl}}{{page.url}}&amp;title={{site.title}} | {{page.title}}&amp;lang=en_US" target="_blank"><i class="fa fa-linkedin"></i> | Share</a>
</div>
{% endif %}
</div>
<!-- Share Buttons End -->