U3F1ZWV6ZTQ3Nzc0Mjg0MjA4X0FjdGl2YXRpb241NDEyMTY3MjQ3NDA=
recent
مواضيع ساخنة

شرح اضافة مواضيع ذات صلة وسط المواضيع تلقائيا

سأشرح اليوم طريقة اضافة مواضيع ذات صلة بشكل تلقائي وسط المواضيع لتحسين السيو seo وزيادة عدد الزوار ، وقد كنت شرحت في موضوع سابق طريقة اضافة اعلانات ادسنس وسط الموضوع بشكل تلقائي .  من المعروف ان مواضيع ذات صلة هي عبارة عن روابط من نفس التسمية لها علاقة بالموضوع الذي تكتبه . ومن مزايا ظهور مواضيع ذات صلة وسط المشاركات انها تساعد كثيرا في زيادة عدد الزوار وتحسين الروابط الداخليه او ما يعرف بالباك لينك الداخلي pack link . ومن مزاياها ايضا انها توفر عليك مجهود وضع الروابط بشكل يدوي حيث تعمل هذه الاضافة تلقائيا ، ومن وجهة نظري يجب على كل مدون ان يستعمل هذه الأضافه وان تكون موجودة في مدونته .



مدونة الكلباني

شرح طريقة تثبيت اضافة مواضيع ذات صلة وسط المشاركات بشكل تلقائي :

ملاحظه :
 للبحث داخل القالب : ctrl + f
للتراجع عن الخطوه : ctrl + z


1- الخطوة الأولى :

 خذ نسخة احتياطية من القالب تجنبا لحدوث اي خطأ ، انتقل الى لوحة تحكم بلوجر ثم المظهر ثم تحرير html وابحث عن العلامة </head> وضع فوقها مباشرة الكود التالي :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>


2- الخطوة الثانية :

 الآن ابحث عن العلامة ]]></b:skin> والصق فوقها مباشرة الكود التالي :


/* Related Post Style 1 */
.related-simplify{position :relative;padding:0;margin:15px auto;width : 100%;}
.related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5}
.related-simplify ul{margin:0;padding:0}
.related-simplify ul li{background:#f6f6f6;position :relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s}
.related-simplify ul li:nth-child(odd){background:#fefefe}
.related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)}
.related-simplify ul li:before{content:'\f138';font-family:fontawesome;position :absolute;margin:0 4px 0 9px;color:#2ecc71;overflow:hidden;transition:all .3s}
.related-simplify ul li:hover:before{content:'\f138';font-family:fontawesome;-webkit-animation:bounceleft .3s alternate ease infinite;animation:bounceleft .3s alternate ease infinite}
.related-simplify a{color:#0383d9;font-size:13px;margin:0 30px 0 0;}
.related-simplify a:hover{color:#0383d9;text-decoration:underline}
.related-simplify ul li:nth-child(n+4) {display :none;}
@-webkit-keyframes bounceleft{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}
@keyframes bounceleft{from{transform:translateX(0)}to{transform:translateX(3px)}} 

3- الخطوة الأخيرة :

 ابحث عن العلامة <data:post.body/> ستجد منها كثر من واحده ، عادة الثالثه هي المطلوبه ويمكنك تجريب اكثر من واحده ، والصق بدل منها ( اي احذفها والصق بدل منها ) الكود التالي :


<div expr:id='&quot;post1&quot; + 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 == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>قد يهمك أيضا</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>


  • ثم احفظ القالب وعاين الأضافة

تعديل المشاركة
author-img

saeed alkalabani

مواضيع قد تهمك × +
تعليقات
    22 تعليقًا
    إرسال تعليق
    1. شكرا ليك ياغالي بارك الله فيك

      ردحذف
      الردود
      1. العفو اخي حياك الله

        حذف
      2. أخي كيف حالك أنا واضع اعلانات في أول المقالة وأخر المقالة كمان حاطط مواضيع ذات صلة في منتصف المقالة كنت عاوز أضع اعلانات في منتصف المقالة على كل المقالات بشكل اتوماتيك من القالب

        حذف
      3. تفضل اخي من هنا طريقة وضع اعلانات وسط المقاله تلقائيا
        http://www.kalabani.com/2017/07/adsense-inarticle.html

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

        حذف
      5. شكرا لك تم تركيبها بنجاح

        حذف
    2. ممكن يا غالي تشرح لنا حل لمشكله اظهار الصور في الصفحة الرئيسية للمدونة الرجاء زيارة مدونتي لمعرفة المشكله www.afr.asia

      ردحذف
      الردود
      1. روابط الصور عندك https غيرها من html الى http
        اخي مدونتك ليس فيها محتوى يعني فيها صور فقط وهذا مخالف لأدسنس

        حذف
      2. يا عزيزي ادسنس وافقوا على المدون و هذا بإعتبارها مقبوله لديهم

        شي اخر انا جربت اغير عنوان البرتكول لكن مافي اي فائدة

        حذف
    3. لقدنسيت ان اخبرك ان الشروحات في الانترنت تخبرنا بتغيير برتوكول الصورة من محرر html من https الى http
      طريقة غير ناجحة

      ردحذف
      الردود
      1. اذا حمل صور جديده

        حذف
      2. كل اسبوع لدي من المواضيع فوق 15 لكن لا تظهر اي صور جديدة في الصفحة الرئيسية

        حذف
      3. اخي الكريم هناك احتمال ان تكون قد حذفت حقوق ملكية القالب لذلك لا تظهر الصور ، وهذا كود يضعه بعض مصممي القوالب لعدم ازالة حقوق الملكيه ، جرب قالب اخر

        حذف
    4. ان شاء الله
      شكرا اخي اتعبتك معي

      ردحذف
    5. قمت بتجربتها على قالب فقط ظهرت لي الخلفية بيضاء وغير ملونة نهائيا ... ما السبب

      ردحذف
      الردود
      1. ربما يكون السبب هو انك تضع في مدونتك كود اعلانات ادسنس وسط المقاله ، لأنه نفس كود مواضيع ذات صله وسط المقاله فيصبح عندك كودين متشابهين يجب ان تتعرف على الكودين وتحذف الكود المتشابه منهما وتبقي كودا واحدا فقط

        حذف
    6. لم اجد هذا الكود في قالبي

      انا مستعمل قالب سيو بلس المدفوع

      ردحذف
    7. معي قالب سيو بلس المدفوع كل الاكواد ظهرت الى الكود الاخير

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

      ردحذف

    إرسال تعليق

    آرائكم تسعدنا, لمتابعة التعليق وحتى نرد عليك فقط ضع إشارة على إعلامي
    شكرا لك

    الاسمبريد إلكترونيرسالة