اضافة اداة تصنيف النجوم التلقائية لبلوجر
السلام عليكم ورحمة الله وبركاته، درس اليوم عن شيئ قد تلاحظه ان كنت في موقع
كبير او جيد وان لم تلاحظه فعالج عيناك بسرعة هيا😂😂😂
في الأساس ، من خلال إضافة تصنيفات النجوم إلى مقالاتك على Blogger ، يمكنك زيادة
حركة المرور العضوية من Google وتلك الخاصة بمحركات البحث الأخرى.نظرًا لأن
استخدام هذه الأدوات لإظهار تصنيف النجوم في نتائج بحث Google يعد طريقة مهمة
جدًا لتحسين محركات البحث ، حيث ستكون مقالات المدونة مرئية بسهولة للآخرين ، مما
سيجذب الزوار للنقر فوق منشوراتنا.وانا شخصيا سأستخدمه اثناء تصويري لمقطع طريقة
تركيب الأداة على بلوجر ولكن ان كنت من اوائل من شاهدوا الدرس لن تجد الفيديو ولا
الأداة.
تصنيف النجوم؟
هو اداة تظهر في الموقع فيختار القارء عدد النجوم من 1 الى 5 حسب المقال وكلما
زاد عدد النجوم كان احسن وثم الموقع تلقائيا يقوم بحساب المحددين وعدد النحوم ثم
سيتنتج حودة المقال على شكل نجوم فيظهر ذلك العدد في الموقع ومحرك البحث
جوجل.
طريقة التركيب
- افتح لوحة تحكم بلوجر لمدونتك
- اذهب الى قسم المظهر ثم تعديل html ,
-
اذهب الى الوسم
]]></b:skin>
ثم ضع تحته اكواد التالية الخاصة بالشكل
/* Article or Product Rating */.articleRating{position:relative;display:block;max-width:400px;margin:50px 0 30px 0;padding:15px;border:1px solid #767676;font-size:14px;line-height:1.8em;border-radius:10px} .articleRating b{position:absolute;font-size:13px;font-weight:400;margin:0;padding:2px 14px;background-color:#fffdfc;color:inherit;border:1px solid #767676;border-radius:15px;top:-15.5px;right:20px} .articleRating p{margin:15px 0 0 0} .drkM .articleRating b, .darkMode .articleRating b{background-color:#1e1e1e} .drkM .articleRating, .drkM .articleRating b, .darkMode .articleRating, .darkMode .articleRating b{border-color:#989b9f}
- ابحث عن هذا"<data:post.body/>"وضع الكود تحته
<b:if cond='data:view.isPost and data:post.labels none (label => label.name in ["Sponsored" , "Advertorial"])'><!--[ Article or Product Rating ]--><div class='articleRating'><b:if cond='data:post.labels none (label => label.name in ["Product" , "Label_1"])'><b>Rate This Article</b></b:if><b:if cond='data:post.labels any (label => label.name in ["Product" , "Label_1"])'><b>Rate This Product</b></b:if><p id='wpac-rating'/></div></b:if>
- ضع الكود التالي قبل </body>
<b:if cond='data:view.isPost'>
<!--[ Article and Product Ratings Script ]-->
<script type='text/javascript'> wpac_init=window.wpac_init||[],wpac_init.push({widget:'Rating',id:32215}),function(){if(!('WIDGETPACK_LOADED'in window)){WIDGETPACK_LOADED=!0;var t=document.createElement('script');t.type='text/javascript',t.async=!0,t.src='https://embed.widgetpack.com/widget.js';var e=document.getElementsByTagName('script')[0];e.parentNode.insertBefore(t,e.nextSibling)}}(); </script>
</b:if>
قبل حفظ القالب اذهب الى هذا الموقعWidget Packثم بعد التسجيل فيه ستحصل على id غير هذا الرقم بالكود السابق 32215 الى ذلك Id