11/08/2018

settings_overscan print announcement
أهلا..معنا اليوم ميزة الهاشتاج من #ميزات محتوى النت وخصوصا بروتوكول الدردشة عبر الإنترنت لتصنيف المجموعات و الموضوعات، إضافة إلى استخدامه في الرسائل القصيرة و التدوين المصغر و خدمات الشبكات الاجتماعية مثل #تويتر و #جوجل+ و #فايسبوك .

فكرة هذا الوسم بسيطة وفعالة حيث يمكن وسم كلمة أو أكثر من كلمة مرتبطين ببعضهم. ومن هذا المنطلق يعتبر هذا المثال تقريبا نصف الموضوع الذي سوف يتكلم عنه لاحقا صاحب الوسم. ومن ثم، يمكن لأي شخص أن يساهم ويتفاعل مع المضمون أو مثلا يبحث عن الكلمة المشار لها وغالبا تكون قابلة للنقر فتظهر له النتائج المتعلقة بهذه الكلمة الموسومة في محرك البحث.



على هذا الأساس نقدم لكم #سكريبت بسيط وسهل التركيب والذي سيمكنك من تفعيل هذه الميزة - علامة المربع - على مدونتك بحيث تصبح جميع الوسوم التي تضعها في منشوراتك قابلة للنقر للمزيد من البحث عن المحتوى المتعلق تماما كما نفعلها على مواقع التواصل.
وربما قد لاحظت أننا نستعملها على هذه التدوينة لنريك طريقة عملها مثلا #قوالب أو  #إضافات_بلوجر فلاحظ أنها لاتختلف عماهو معهود نفس التنسيق والخوارزمية لكنها بسيطة.
المهم وبدون إطالة إذا أعجبتك الفكرة دعنا نريك طريقة تركيبها .


لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولى

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
  • إنتقل للمدونة >> ثم إلى المظهر >> ثم إضغط على تحرير  Edit HTML 
  • إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
  • بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الأكواد في المكان المناسب


لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الثانية

  • قم بالبحث عن هذا الوسم </body> فوقه أي قبله قم بوضع كود jQuery

  •     <script type='text/javascript'>
           /*<![CDATA[*/
    hashtags=jQuery.noConflict();hashtags(document).ready(function(e,n){"use strict";var t,o=window.location.origin,r=n.querySelectorAll(".post-body");if(0<r.length)for(t=0;t<r.length;t+=1)r[t].innerHTML=r[t].innerHTML.replace(/#(\S+)/g,'<a class="hashtags" href="'+o+'/search?q=$1">#$1</a>')}(0,this.document));
          /*]]>*/
        </script>
     

    ملاحظة مهمة
    الكود الذي سبق منسق لفك التعارض بينه وبين السكريبتات الموجودة في قالبك وفي حال لم تشتغل هذه الميزة أو تعطلت أحد الإضافات في قالبك ضع بدلا منه هذا السكريبت التالي

        <script type='text/javascript'>
           /*<![CDATA[*/
    $(document).ready(function(e,n){var t,o=window.location.origin,r=n.querySelectorAll(".post-body");if(0<r.length)for(t=0;t<r.length;t+=1)r[t].innerHTML=r[t].innerHTML.replace(/#(\S+)/g,'<a class="hashtags" href="'+o+'/search?q=$1">#$1</a>')}(0,this.document));
          /*]]>*/
        </script>
     

  • قم بالبحث عن هذا الوسم ]]></b:skin> فوقه أي قبله قم بوضع كود css

  • a.hashtags {
        color: #116fff;
        font-weight: normal;
        text-decoration: none;
    }
    a.hashtags:hover {
        text-decoration: underline !important;
    }
    

  • قم الآن بحفظ القالب وتوجه إلى إنشاء منشور أو أي تدوينة أو صفحة ثابتة وقم بكتابة الهشتاج الخاص بك داخل النصوص والتعليقات.
    report
    تنبيه...لكي تحصل على نتيجة جيدة حاول أن تترك دائما مسافة بين الهاشتاج والكلمات الأخرى قبله وبعده داخل النص وحتى لو كان وحده في سطر.


add_commentإرسال تعليق

إرسال تعليق