إضافة التقييمات بشكل نجوم ولايكات للموضوع

جديد الإضافات هذه المرة مع إضافة مختلفة ، متمثلة في إضافة الإعجاب على شكل لايكات مثل فيسبوك و يوتوب وأيضا إضافة 

التقييمات للموضوع بشكل نجمات ، الإضافات تعمل بشكل جيد في حال تسال أحدكم عند التقييم هل هو وهمي أم لا فالجواب هو لا 

يعني من كل تقييم يحتفظ به وأيضا يحسب  عدد المقيمين وأتكلم عن الإضافةالخاصة بالنجمات ولكي تجربو وتتأكدو بأنفسكم 

أترككم لتجربة و المعاينة ( في التدوينة إنزل قليلا لتجربة ) 

تجربة الأداة

شرح طريقة التركيب

1 . نتوجه لقالب >> تحرير 

2. ابحث بإستعمال CTRL+F عن  <data:post.body/>

3. ضع الكود التالي قبله أو بعده 

   * قد تجد الكود متكرر مرتيين الثاني هو المقصود

* الإضافة الخاصة بالإعجاب

<span class='likebtn-wrapper' data-counter_zero_show='true' data-popup_enabled='false' data-show_copyright='false' data-show_like_label='false' data-style='transparent' data-tooltip_enabled='false'/><p class='likebtn-ar1web'>هل تريد المغادرة بدون ترك حتى تقييم على التدوينة ! </p>
<script async='async' src='//w.likebtn.com/js/w/widget.js' type='text/javascript'/>

4. ابحث عن : ]]></b:skin>

5. ضع الكود التالي قبله [ فوقه]

.likebtn-wrapper {
float: right;
padding: 14px 28px 15px;
border: 1px solid #eee;
border-radius: 0 3px 3px 0;
border-left: none;
}
.likebtn-ar1web{
padding: 20px 28px 15px;
border: 1px solid #eee;
border-radius: 0 3px 3px 0;

}

6. حفظ العمل

* الإضافة الخاصة بالتقييمات

1. ابحث عن : <head/>

2. ضع الكود التالي قبله [ فوقه]

<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css" />

3. ابحث  عن : <data:post.body/>

3. ضع الكود التالي قبله أو بعده 

   * قد تجد الكود متكرر مرتيين الثاني هو المقصود

<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div expr:id='&quot;labels_&quot; + data:post.id' style='display: none; visibility: hidden;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/>,</b:loop></b:if></div>تقييم الموضوع: <div class='ffbs_rate' expr:id='data:post.id'>{[[&#39;&lt;img src=&quot;http://static.graddit.com/img/star.png&quot;/&gt;&#39;]]}</div><div class='ffbs_stats' expr:id='&quot;ffbs_stats_&quot; + data:post.id'/><script expr:src='&quot;http://www.graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?id=&quot; + data:post.id + &quot;&amp;stats=ffbs_stats_&quot; + data:post.id + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;url=&quot; + data:post.url + &quot;&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;votes=yes&amp;average=yes&quot;' type='text/javascript'/></b:if>