إنشاء إضافه مقالات ذات صلة نصية بشكل رائع

في هذا الموضوع سأشرح لكم كيفية انشاء مقالات ذات الصلة نصية خفيفة بدون صور مصغرة كما في مدونتنا

هذه الاضافة اعزائي هي افضل بكثير من الاضافات الاخرى لانها تمكنك من وضع الكثير من المقالات ذات الصلة بدون الأثير على سرعة مدونتك وايضا وضع حدود لها داخل هذا المربع

اهمية هذه الاضافة

المقالات ذات الصلة هي اضافة أساسية لكل مدونة لانها ببساطة يمكن للزائر قراءة مواضيعك بسرعة وبدون ان يبحث عن موقع اخر بمعنى ان الزائر حين يتصفح موضوعك قد لا يجد مايفيده ولكن المقالات ذات الصلة سوف تخبره انه يوجد المزيد من هذه الموضيع التي قد تفيده

شرح التركيب

اولا عليك تسجيل الدخول الى مدونتك لوحة التحكم ثم أختر القالب

بعد الدخول الى القالب إضغط على تحرير html ثم ابحث عن الرمز </head>

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>

ثم ابحث عن الرمز <data:post.body/> ثم اضف الكود التالي أسفله مباشر
ملاحظة: قد تجد أكثر من رمز في القالب لديك اذا لم تعمل الاضافة على الاول استخدم الثاني

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>
إقرآ أيضآ
</h2>
<script type="text/javascript">
removeRelatedDuplicates(); printRelatedLabels(); </script>
</b:if>