diff options
| -rw-r--r-- | _includes/social-share-fb.liquid | 19 | ||||
| -rw-r--r-- | _includes/social-share.liquid | 14 | ||||
| -rw-r--r-- | _layouts/post.liquid | 7 |
3 files changed, 39 insertions, 1 deletions
diff --git a/_includes/social-share-fb.liquid b/_includes/social-share-fb.liquid new file mode 100644 index 0000000..843e511 --- /dev/null +++ b/_includes/social-share-fb.liquid @@ -0,0 +1,19 @@ +<div id="fb-root"></div> +<script async + defer + crossorigin="anonymous" + src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v4.0"> +</script> + +{% assign link = "https://53hor.net/" | append: page.permalink | escape %} + +<div class="button is-rounded" + data-href={{ link }} + data-layout="button_count" + data-size="small"> + <a target="_blank" + href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F53hor.net%2F&src=sdkpreparse" + class="fb-xfbml-parse-ignore"> + Share to Facebook + </a> +</div> diff --git a/_includes/social-share.liquid b/_includes/social-share.liquid new file mode 100644 index 0000000..acbf29d --- /dev/null +++ b/_includes/social-share.liquid @@ -0,0 +1,14 @@ +<aside class="menu"> + <p class="menu-label has-text-centered"> + Social Sharing + </p> + + <nav class="level"> + <div class="level-item has-text-centered"> + {% include social-share-fb.liquid %} + </div> + </nav> + +</aside> + + diff --git a/_layouts/post.liquid b/_layouts/post.liquid index a23d51f..ca9bf8c 100644 --- a/_layouts/post.liquid +++ b/_layouts/post.liquid @@ -60,7 +60,12 @@ </div> <div class="column is-narrow"> - {% include posts-similar.liquid %} + <div class="section"> + {% include social-share.liquid %} + </div> + <div class="section"> + {% include posts-similar.liquid %} + </div> </div> </div> </div> |