إضافة تقييم المحتوى بالنجوم لمدونة بلوجر - كيك ويب - شروحات بلوجر وتقنية مُميزة

السلام عليكم، ازيك🖐️.. اهلآ بِك في مدونة كيك ويب🍰 وفي تدوينة قصيرة، عايز تعرف تفاعل الزوار اللي بيقرئوا التدوينات في مدونتك واي مدة استفادتهم من الموضوع.. حسنآ! سنرشح لك كود لتقييم الموضوع او التدوينات.. تابع.

كود تقييم المحتوى

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

و عندما يُقييم الزائر تدوينة ما.. لا يمكنه التقييم مرة آخرى ويتم حفظ جميع التقييمات السابقة، والآن تابع معنا شرح الإضافة في بلوجر.

لا تنسى اخذ نسخة احتياطية من قالبك في حال حدث خطأ ما معك.

إضافة تقييم المحتوى بالنجوم لبلوجر

اولآ.. نذهب الي بلوجر ◀ نضغط علي المظهر ثم ننتقل الي تعديل HTML ◀ ثم نضغط علي CTRL + F ونبحث عن </body> ونلصق الأكواد التالية قبله/فوقه.

<b:if cond='data:view.isPost'>
<script type='text/javascript'> wpac_init=window.wpac_init||[],wpac_init.push({widget:&#39;Rating&#39;,id:30936}),function(){if(!(&#39;WIDGETPACK_LOADED&#39;in window)){WIDGETPACK_LOADED=!0;var t=document.createElement(&#39;script&#39;);t.type=&#39;text/javascript&#39;,t.async=!0,t.src=&#39;https://embed.widgetpack.com/widget.js&#39;;var e=document.getElementsByTagName(&#39;script&#39;)[0];e.parentNode.insertBefore(t,e.nextSibling)}}(); </script>
</b:if>

ثانيآ.. نبحث عن ]]></b:skin> ونلصق اكواد CSS التالية قبله/فوقه.

.articleRating{position:relative;display:block;max-width:400px;text-align:center;margin:50px;padding:25px;border:2px solid #666666;font-size:14px;line-height:1.8em;border-radius:10px} .articleRating b{position:absolute;font-size:13px;font-weight:600;margin:0;padding:2px 14px;background-color:#fffdfc;color:inherit;border:2px solid #666666;border-radius:15px;top:-15.5px;right:35%} .articleRating p{margin:15px 0 0 0} 

واخيرآ.. لنضف الكود المخصص لأظهار أداة التقييم في المكان الذي تريد ان تكون الأداة فيه، غالبآ تكون اسفل المحتوى او التدوينة لذلك تابع:

نبحث عن <data:post.body/> ونلصق الأكواد اسفله/تحته مباشرة.

<b:if cond='data:view.isPost and data:post.labels none (label =&gt; label.name in [&quot;Sponsored&quot; , &quot;Advertorial&quot;])'>
<div class='articleRating'><b:if cond='data:post.labels none (label =&gt; label.name in [&quot;Product&quot; , &quot;Label_1&quot;])'><b>تقييم الموضوع</b></b:if><b:if cond='data:post.labels any (label =&gt; label.name in [&quot;Product&quot; , &quot;Label_1&quot;])'><b>قيم موضوعنا &#1567;</b></b:if><p id='wpac-rating'/></div></b:if>

⚠️يكون <data:post.body/> متكرر في بعض قوالب بلوجر لذلك قم بأختبار جميع الأكواد حتى تظهر اسفل التدوينة.

دلوقتي قم بحفظ القالب واختبر الإضافة في اي موضوع في موقعك ومبروك عليك✨.

وبكدا نبقا خلاصنا الموضوع اللي تقريبآ قصير!.. طبعآ لو عندك اي مشكلة او استفسار اترك تعليقآ تحت.. اسفل التدوينة وسنحاول مساعدتك، بس كدا... سلاااام;).