Add like and dislike buttons

_config.yml

@@ -64,11 +64,14 @@ yat:
 # header_transparent: true
 
 # If you want to change the content width, you can set to another value
-# content_width: "920px"
+content_width: "920px"
 
 # If you don't want to enable caching in the text editor, change this to false
 editor_cache: true
 
+# If you don't want reactions on your post, change this to false
+like_btn: true
+
 # If you want to generate website sitemap, you can set true
 # sitemap: false
 

_layouts/post.html

@@ -8,6 +8,7 @@
 ---
 
 <div class="post">
+
   <section>
 
     {%- assign name = 'banner' -%}
@@ -24,7 +25,15 @@
     {%- endif -%}
 
     {%- include views/article.html -%}
+
+    {% if site.like_btn %}
+    <center>
+      <span class="likebtn-wrapper" data-theme="bootstrap" data-lang="ar" data-ef_voting="push" data-white_label="true" data-show_like_label="false" data-popup_disabled="true" data-loader_show="true" data-tooltip_enabled="false" data-rtl="true"></span>
+      <script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
+    </center>
+    {% endif %}
 
+    <br>
     {%- assign result = hidden | where_exp: "item", "item == 'related_posts'" -%}
     {%- if result.size == 0 -%}
     <div class="post-related" style="font-family:'Droid Arabic Kufi';">