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

468x60

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

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

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

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



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

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'/>
 
. ابحث عن : ]]></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>
 
 
 
468x60
معلومات عن التدوينة الكاتب : Tarekk بتاريخ : الأحد، 15 فبراير 2015
المشاهدات :
عدد التعليقات: 0 للإبلاغ عن رابط معطوب اضغط هنا
250x300

شكرا لتعليقك
عرب ويب