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)}} 


لتغيير الوان الأضافة انسخ كود اللون من الكود اعلاه ثم توجه الى هذا الموقع والصق كود اللون الذي نسخته في مستطيل البحث حتى تتعرف على اللون ، وبامكانك تغيير اللون بالضغط على اي لون يعجبك من نفس الموقع ونسخ الكود الخاص به . 
اكواد الألوان تكون بهذا الشكل كمثال :  #0383d9  او #2e88c5 

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 تعليقًا
إرسال تعليق
  • ترافل فلاش photo
    ترافل فلاش13 فبراير 2018 في 10:23 ص

    شكرا ليك ياغالي بارك الله فيك

    حذف التعليق
    • saeed alkalabani photo
      saeed alkalabani14 فبراير 2018 في 6:06 ص

      العفو اخي حياك الله

      حذف التعليق
      • ترافل فلاش photo
        ترافل فلاش14 فبراير 2018 في 10:35 ص

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

        حذف التعليق
        • saeed alkalabani photo
          saeed alkalabani14 فبراير 2018 في 5:06 م

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

          حذف التعليق
          • saeed alkalabani photo
            saeed alkalabani14 فبراير 2018 في 5:18 م

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

            حذف التعليق
  • M1 photo
    M119 فبراير 2018 في 11:21 م

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

    حذف التعليق
    • saeed alkalabani photo
      saeed alkalabani20 فبراير 2018 في 6:09 ص

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

      حذف التعليق
      • M1 photo
        M120 فبراير 2018 في 10:04 ص

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

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

        حذف التعليق
    • M1 photo
      M119 فبراير 2018 في 11:23 م

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

      حذف التعليق
      • saeed alkalabani photo
        saeed alkalabani20 فبراير 2018 في 6:10 ص

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

        حذف التعليق
        • M1 photo
          M120 فبراير 2018 في 10:05 ص

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

          حذف التعليق
          • saeed alkalabani photo
            saeed alkalabani20 فبراير 2018 في 4:17 م

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

            حذف التعليق
      • M1 photo
        M120 فبراير 2018 في 11:13 م

        ان شاء الله
        شكرا اخي اتعبتك معي

        حذف التعليق
      • ترافل فلاش photo
        ترافل فلاش25 مارس 2018 في 9:49 م

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

        حذف التعليق
        • saeed alkalabani photo
          saeed alkalabani26 مارس 2018 في 5:29 ص

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

          حذف التعليق
        • Yazin photo
          Yazin28 سبتمبر 2018 في 10:10 م

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

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

          حذف التعليق
          • Yazin photo
            Yazin30 سبتمبر 2018 في 5:38 م

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

            حذف التعليق
            • جيهان علي photo
              جيهان علي21 مارس 2019 في 10:30 م

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

              حذف التعليق
              • ابراهيم photo
                ابراهيم24 مايو 2019 في 5:30 م

                جزاك الله خير

                حذف التعليق

                من أنا

                صورتي
                saeed alkalabani
                Jordan
                احترف التدوين مع مدونة الكلباني وضاعف ارباحك من أدسنس كل ما تبحث عنه فيما يتعلق بمدونات بلوجر وشروحات ادسنس ستجده في مدونة الكلباني
                عرض الملف الشخصي الكامل الخاص بي
                google-playkhamsatmostaqltradent