اضافة تقييم نجوم أسفل مواضيع مدونات بلوجر

اضافة تقييم نجوم أسفل مواضيع مدونات بلوجر
تمكن هذه اضافة من معرفة تقيم الزوار لمواضيع مدونتك، كما انها من اكثر الاضافات التي تجذب الزائر هي رؤية تقيم نجوم تحت مواضيع مدونتك خصوصا اذا كان تقيم بـ 5 مجوم، لذى في هذه التدوينة سنشرح لكم كيفية اضافة تقيم 5 نجوم اسفل مواضيع مدونتك.
اضافة تقييم نجوم أسفل
اضافة تقييم نجوم أسفل مواضيع مدونات بلوجر

كيفية اضافة تقييم نجوم أسفل مواضيع مدونات بلوجر:

1- قم بدخول لمدونتك ثم الى القالب (المظهر) ثم الى تحرير html وقم بالبحث عن الكود التالي.
<head/>
عند ايجاده اضف الكود الجافا التالي فوقه.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
(function(d, t, e, m){
// Async Rating-Widget initialization.
window.RW_Async_Init = function(){
RW.init({
huid: "149369",
uid: "c21d872a654e0a635442e1377029f7ea",
options: { "style": "oxygen" }
});
RW.render();
};
// Append Rating-Widget JavaScript library.
var rw, s = d.getElementsByTagName(e)[0], id = "rw-js",
l = d.location, ck = "Y" + t.getFullYear() +
"M" + t.getMonth() + "D" + t.getDate(), p = l.protocol,
f = (-1 < l.search.indexOf('DBG=') ? '' : '.min'),
a = ("https:" == p ? "secure." + m + "js/" : "js." + m);
if (d.getElementById(id)) return;
rw = d.createElement(e);
rw.id = id; rw.async = true; rw.type = "text/javascript";
rw.src = p + "//" + a + "external" + f + ".js?ck=" + ck;
s.parentNode.insertBefore(rw, s);
}(document, new Date(), "script", "rating-widget.com/"));

//]]>
</script>
<script type='text/javascript'>//<![CDATA[

$(document).ready(function() {
var dimension = 250;
$('#related-posts').find('img').each(function(n, image){
var image = $(image);
image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
image.attr('width',dimension);
image.attr('height',dimension);
});
});
//]]></script>
2- اعد البحث عن الكود التالي.
<data:post.body/>
ملاحظة قد تجد اكثر من كود لكن في اغلب يكون اخر واحد، وقم باضافة الكود التالي اسفله.
<style>
.rw-ui-container.rw-dir-ltr .rw-report-link, .rw-ui-container.rw-valign-middle.rw-halign-right .rw-report-link {
display: none!important;
}
.rw-ui-info-inner-container:hover {
background: none!important;
}
.rw-ui-info-nub.rw-ui-info-inner-nub, .rw-ui-info-nub.rw-ui-info-outer-nub {
display: none;
}
.rw-ui-tooltip {
display: none!important;
}
.rw-ui-container.rw-size-small span.rw-ui-info {
font-family: Open Sans, Arial, sans-serif;
color: #b8b8b8!important;
text-transform: uppercase;
font-size: 13px;
display: none;
}
.taqyem {
margin: 10px auto;
padding: 5px;
background-color: #4d90fe;
text-align: center;
overflow: hidden;
}
.taqyem h3 {
padding-bottom: 5px;
border-bottom: #1071AD 1px solid;color: #fff;
}

.rw-ui-container.rw-halign-right, .rw-ui-container.rw-halign-right .rw-ui-info-inner-container {
border-color: #fff!important;
}
.rw-ui-report.rw-size-large.rw-halign-center.gradient.rw-dir-ltr.rw-type-nero.rw-meta-rating-29085119.rw-valign-bottom, .rw-ui-report.rw-dir-ltr, .rw-ui-container.rw-size-medium .rw-report-link {
display: none!important;
}
</style>
<div class='taqyem'>
<h3>تقييمك للموضوع&#1567;</h3>
<div class='rw-ui-container taqstars'/>
</div>
ثم قم بضغط على حفظ، و انتقال لمشاهدة الاضافة عبر دخول لتدوينة ما ونزول الى اسفل و مشاهد النتيجة.
كان هذا كل شيء اتمنى ان تنال اعجابكم، سلام.

شارك المقالة مع أصدقائك

mo3awin

ليست هناك تعليقات:

إرسال تعليق