إستخدم الهاشتاج على البلوجر USE #HASHTAGS ON BLOGGER

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

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

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

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

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر 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;
}

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

تنبيه...لكي تحصل على نتيجة جيدة حاول أن تترك دائما مسافة بين الهاشتاج والكلمات الأخرى قبله وبعده داخل النص وحتى لو كان وحده في سطر.

التعليقات

يمكنك التعليق برابط صورة او فيديو :)

أحدث أقدم