add disqus comments

posts/2020-6-2-LISA-The-First.html

@@ -27,15 +27,16 @@ <h3 style="color: rgba(191,0,0,255); background-color: rgba(191,0,0,0.1);">لا
         <a href="https://www.mediafire.com/file/6no1ae26025axlk/lisaTheFirst-ar.exe/file" target="_blank" rel="noopener noreferrer">رابط التحميل</a>
         <br>
         <h4>طريقة التركيب</h4>
-        <p>النسخة المطلوبة: نسخة ستيم. (هناك نسخة من rpgmaker .net لكن الموقع مغلق وقت كتابتي هذا الملف) <a href="http://store.steampowered.com/app/2743030/LISA_The_First/" target="_blank" rel="noopener noreferrer">رابط اللعبة</a>
+        <p>يجب أن يكون لديك اللعبة والمثبت (<a href="http://store.steampowered.com/app/2743030/LISA_The_First/" target="_blank" rel="noopener noreferrer">نسخة ستيم</a> أو النسخة الأصلية)
         </p>
         <p>انقر على "التالي" وبعدها حدد مسار اللعبة. بعد التثبيت، اذهب لذلك المسار وقم بتشغيل Player.exe (steam\steamapps\common\LISA The First) بعد تشغيلها، اضغظ على Games -> Lisa_1 -> lisa_1</p>
         <p>بعدها ستفتح اللعبة ويمكنك تحديد اللغة من Language.</p>
         <hr>
         <h4>مشاكل في تحديد مسار الألعاب ستيم؟</h4>
         <p>إليك <a href="http://shorturl.at/buNUX" target="_blank" rel="noopener noreferrer">مقال</a> من الفريق الحلم المتجدد عن تحديد مسار ألعاب ستيم </p>
-        <h4>مشاكل في تثبيت التعريب؟</h4> إليك فيديو نشره كريم عن طريقة تثبيت التعريب: <br>
-        <br>
+        <h4>مشاكل في تثبيت التعريب؟</h4>
+        <p>أعتذر على ذلك! إن شاء الله في المرات القادمة سأجعلك تستبدل الملفات (مثل معظم التعريبات) وتقوم بتشغيل Player.exe فقط!</p>
+        <p>إليك فيديو نشره كريم عن طريقة تثبيت التعريب:</p>
         <iframe width="100%" height="315" src="https://www.youtube.com/embed/6SgeVXtQuAI?si=cX6mT1S5RrZK0ool" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
         <p>يستحسن إغلاق أي نوافذ أخرى قبل التثبيت.</p>
         <hr>
@@ -46,6 +47,8 @@ <h4>الترجمة والتعديل التقني</h4> MAZ <h4>التجربة</h4
         <p dir="ltr">This is a LISA fan game that is not affiliated with Dingaling Productions or Serenity Forge. It is designed to be played only after the official game has been completed. You can learn more about official LISA games here: serenityforge.com</p>
         <div id="nextprev"></div>
       </div>
+      <div id="disqus_thread"></div>
+      <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
       <!-- end of div id="content" -->
       <div id="footer"></div>
     </div>

posts/EasyRPG-Notes.html

@@ -51,6 +51,7 @@ <h3>Issues (so far)</h3>
     <div id="nextprev"></div>
     </div> <!-- end of div id="content" -->
     <div id="footer"></div>
+    <div id="disqus_thread"></div>
     </div> <!-- end of div id="container" -->
   <!-- Here's the link to our JavaScript! -->
   <script src="../script.js"></script>

script.js

@@ -227,4 +227,12 @@ if (document.getElementById("footer")) {
 //The <title> tag content is what shows up on browser tabs
 if (document.title === "Blog Post") {
   document.title = currentPostTitle;
-}
+}
+
+// Disqus comments
+(function() { // DON'T EDIT BELOW THIS LINE
+  var d = document, s = d.createElement('script');
+  s.src = 'https://notes-and-blogs.disqus.com/embed.js';
+  s.setAttribute('data-timestamp', +new Date());
+  (d.head || d.body).appendChild(s);
+})();

style/style.css

@@ -135,6 +135,8 @@ h1, h2, h3, h4, h5 {
 /*DISQUS STYLE*/
 #disqus_thread {
   margin-top: 1.6em;
+  margin-left: 1.6em;
+  margin-right: 1.6em;
 }
 
 /*FOOTER STYLE*/