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

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

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

مراحل تركيب الإضافة

1. ادخل إلى لوحة تحكم المدونة في بلوجر.
2. اختر قالب المدونة التي تود تطبيق الشرح فيها.
3. اضغط على تحرير HTML ( قم بأخد نسخة إحتياطية للقالب )
4. ابحث عن الوسم </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>

5. أعد البحث عن الكود التالي.<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 { width: 200px; margin: 5px auto; padding: 5px; background-color: #4d90fe; height: 57px; text-align: center; border-radius: 4px; }
.taqyem h3 { padding-bottom: 5px; border-bottom: #1071AD 1px solid; }
.rw-ui-container { float: right; margin-top: 5px; }
.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>تقييمك للموضوع؟</h3>
<div class='rw-ui-container taqstars'/>
</div> 

6. ثـم قـم بــضــغـط عــلـى حــفـظ، وانــتــقـل لــمــشــاهـدة الإضــافـة عــبـر دخـول لــتــدويــنـة مـا والــنـزول لــلأســفـل ومــشــاهـد الــنــتــيــجـة.

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية
سبحان الله، والحمدلله، ولا إله إلا الله، والله أكبر
إذا أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة ؟!