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

10:50 م

سأشرح اليوم طريقة اضافة مواضيع ذات صلة بشكل تلقائي وسط المواضيع لتحسين السيو 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>


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

مواضيع ذات صلة

Previous
Next Post »

18 Comments

Write Comments
Travel Flash
AUTHOR
13 فبراير 2018 10:23 ص delete

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

تعليق
avatar
14 فبراير 2018 6:06 ص delete

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

تعليق
avatar
Travel Flash
AUTHOR
14 فبراير 2018 10:35 ص delete

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

تعليق
avatar
14 فبراير 2018 5:06 م delete

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

تعليق
avatar
14 فبراير 2018 5:18 م delete

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

تعليق
avatar
Travel Flash
AUTHOR
15 فبراير 2018 9:29 ص delete

شكرا لك تم تركيبها بنجاح

تعليق
avatar
16 فبراير 2018 8:00 ص delete

العفو ..تحياتي لك

تعليق
avatar
19 فبراير 2018 11:21 م delete

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

تعليق
avatar
19 فبراير 2018 11:23 م delete

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

تعليق
avatar
20 فبراير 2018 6:09 ص delete

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

تعليق
avatar
20 فبراير 2018 6:10 ص delete

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

تعليق
avatar
20 فبراير 2018 10:04 ص delete

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

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

تعليق
avatar
20 فبراير 2018 10:05 ص delete

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

تعليق
avatar
20 فبراير 2018 4:17 م delete

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

تعليق
avatar
20 فبراير 2018 11:13 م delete

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

تعليق
avatar
Travel Flash
AUTHOR
25 مارس 2018 9:49 م delete

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

تعليق
avatar
26 مارس 2018 5:29 ص delete

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

تعليق
avatar

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