الاثنين، 13 يوليو 2015

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

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




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

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

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

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

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


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>







                                                       المصدر: مدونة عـرب ويب 

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً