سكريبت مواضيع ذات صلة لمدونة بلوجر

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

هذا السكريب يظهر فقط عناوين المواضيع بدون صور
شاهد المثال في الصورة التالية

إذهب إلى لوحة تحكم مدونتك أنقر على المظهر ثم أنقر على تعديل HTML

قم بإظافة الكود التالي فوق <header/>

<style type='text/css'> #related-posts{background: #fff;margin-bottom: 10px;} #related-posts h4,#comments h4{background:#771100;color:#fff;font:600 15px Droid Arabic kufi, cursive;text-align:center;padding:10px;margin:0;} #related-posts a{font:600 14px Droid Arabic kufi, cursive;padding:8px;display:inherit;} #related-posts ul li{display:block;border-bottom:1px dotted #aaa;} #related-posts ul li:last-child{border-bottom:none;} </style> <script>//<![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;}}}} //https://elfadil3.blogspot.com/ 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;} //https://elfadil3.blogspot.com function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 10) { 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:blog.pageType == "item"'><div id='related-posts'> <h4> مواضيع ذات صله <div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><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></div> </h4> <script type='text/javascript'>removeRelatedDuplicates();printRelatedLabels();</script></div> </b:if>

ومبروك عليك  إضافة مواضيع ذات صلة

مواضيع قد تفيدك

• سكريبت إقرأ المزيد لمدونة قوقل بلوجر وطريقة تركيبه  إضافة خاصية إقرأ المزيد و التحكم في طول و عرض الصور و النص وكذلك  تزيين  كلمة إقرأ المزيد بأكواد السي إس إس  ...
• قالب مدونة الفضيل الثالت للتحميل مجانا أهدي قالب مدونة الفضيل الثالت إلى كل طالب التعلم والمعرفة يحتوي القالب على سكريبت إقرأ المزيد و مواضيع ذات صلة إضافة إلى إمكانية ...
• تزيين قرائة المزيد بلغة السي إس إس css  سكريبت إقرأ المزيد في الموضوع التالي سكريبت إقرأ المزيد لمدونة قوقل بلوجر وطريقة تركيبه تابع معي كيفية تزيين كلمة قرائة ا ...
• سكريبت لاسترجاع أيقونة التعديل في مدونة بلوجر Blogger quick edit كنت قد ركبت قالبا جديدا لمدونة الفضيل الثالث ثم إختفت أيقونة تعديل التدوينة بحتث حينها عن الحل و وجدت عدة حلول و جربتها إضافة أن ...
• سكريبت مواضيع ذات صلة بالصور لمدونة بلوجرهذا السكريبت يقوم بالبحت عن المواضيع الموجودة في كل تسميات المدونة والتي تشبه التدوينة المفتوحة ،سكريبت رائع بحيث يعطي المواضيع بالصور ...