اضافة مواضيع ذات صلة لمدونات بلوجر تلقائياً

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

أهمية اضافة مواضيع ذات صلة لمدونات بلوجر

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

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

هناك أهمية كبيرة لوجود روابط لمشاركات أخرى داخل المدونة وهو ما يسمى بالـ backlinks الداخلي وهو مهم في جانب السيو وتصدر مقالات مدونتك 

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

طريقة اضافة مواضيع ذات صلة لمدونات بلوجر

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

بعد دخولك الى مدونتك على بلوجر قم بفتح لوحة التحكم والذهاب إلى المضهر ثم تعديل html وبعد ذلك اضغط على ctrl+f ليتم البحث عن الوسم <head/> وفوقه مباشرةً قم بلصق هذا الكود بالاسفل حسب الصورة

<b:if cond='data:blog.pageType == "item"'> <script type='text/javascript'> //<![CDATA[ var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]> </script> </b:if>

بعد ذلك قم بالبحث عن الكود <b:skin><[[ فوقه مباشرةً قم بلصق هذا الكود بالاسفل حسب الموضح في الصورة

/* Related Post Style 2 */ .related-simplify{position:relative;padding:12px 12px 20px 12px;margin:24px auto 32px auto;width:93%;border:4px double rgba(0,0,0,0.2)} .related-simplify h4{background:#fff;padding:2px 10px;position:absolute;margin:0;font-size:17px;font-weight:700;color:#000;top:-21px;right:2.5%} .related-simplify ul{margin:0;padding:0} .related-simplify ul li{position:relative;list-style:none;padding:9px 0;margin:auto;line-height:1.4em;transition:all .3s} .related-simplify ul li:before{content:'\f0c8';font-family:fontawesome;position:absolute;margin:0 2px 0 5px;color:rgba(0,0,0,0.5);overflow:hidden;font-size:60%;right:10px;transition:all .3s} .related-simplify ul li:hover:before{content:'\f0c8';font-family:fontawesome;color:#0383d9;} .related-simplify a{color:#000;font-size:14px;margin:0 30px 0 0;} .related-simplify a:hover{color:#0383d9;} .related-simplify ul li:nth-child(n+4) {display:none;} @media only screen and (max-width:768px){ .related-simplify{padding:10px 0 15px 0;width:100%;border:2px solid #e74c3c;border-right:0;border-left:0} .related-simplify h4{color:#e74c3c;padding:8px;font-size:15px;top:-18px;right:3.5%} .related-simplify a{font-size:14px;margin:0} .related-simplify a:hover{color:#e74c3c} .related-simplify ul li{padding:5px 0} .related-simplify ul li:before,.related-simplify ul li:hover:before{display:none}}

اخيرا قم بالبحث عن هذا الكود 

<data.post:body/>

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

<div expr:id='"post1" + data:post.id'/> <div class='related-simplify'> <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=3"' type='text/javascript'/> </b:if> </b:loop> </b:if> <h4>مواضيع ذات صلة</h4> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> <div expr:id='"post2" + data:post.id'><p><data:post.body/></p></div> <script type='text/javascript'> var obj0=document.getElementById("post1<data:post.id/>"); var obj1=document.getElementById("post2<data:post.id/>"); var s=obj1.innerHTML; var t=s.substr(0,s.length/2); var r=t.lastIndexOf("<br>"); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script>

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

يمكنك التعديل على هذه الاضافة عبر تعديل الخلفية  background ولون النص font colour  ونوع الخط أيضاً font type وحدود مربع الإضافة borders

شاهد أيضاً 

إضافة جدول المحتويات لمدونات بلوجر

إضافة مربع نص html لمدونات بلوجر

حل مشكلة ضهور الصور مشوشة في مدونات بلوجر

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

تحياتنا لكم