كيفية اضافة مواضيع ذات صله بشكل جديد داخل المواضيع 2020
في بلوجر تعددت الاضافات وتعددت القوالب واصبحت احدث ومتطورة اكثر , وليس فقط بلوجر بل اي مجال لكي تكون مميزا فيه يجب ان تتطور باستمرار , ولذلك منذ فترة قمنا بوضع اضافة مواضيع ذات صلة لمواضيع بلوجر ولكن لم تعجب احد متابعينا والشكل كان قديم وليس متطورا ولكن اليوم اليكم اضافة مواضيع ذات صله بشكل رائع وجديد كما ترون في صورة الموضوع والمفيد في هذه الاداة ان شكل المواضيع ذات الصلة ملفت جدا وهذا سيجعلة واضح للزائر , انا انصح بوضع هذه الاداة لانها ستفيدك
فقط قبل الدخول للشرح قم بأخذ نسخة احتياطية من قالبك الحالي عن طريق المظهر والضغط علي زر نسخ احتياطي \ استعادة والضغط بعدها علي تنزيل المظهر , ولنذهب الي
الشرح
اولا قم بفتح المظهر ثم تعديل html
والبحث عن </head> وضع هذا الكود قبله
ثم قم بالبحث عن
فقط قبل الدخول للشرح قم بأخذ نسخة احتياطية من قالبك الحالي عن طريق المظهر والضغط علي زر نسخ احتياطي \ استعادة والضغط بعدها علي تنزيل المظهر , ولنذهب الي
الشرح
اولا قم بفتح المظهر ثم تعديل html
والبحث عن </head> وضع هذا الكود قبله
<b:if cond='data:blog.pageType != "index"'><style type='text/css'>/* Multi Related Post */.arldzgnMultiRelated{border: solid 4px transparent;border-radius: 2.5rem 0 3.5rem 2.5rem;background: -webkit-gradient(linear,left top,left bottom,from(#100e17),to(#100e17)) padding-box,-webkit-gradient(linear,left top,right top,from(#db1d60),to(#ed4f32)) 0/50% no-repeat border-box,-webkit-gradient(linear,right top,left top,from(#eb7d01),color-stop(37.5vw,#ed4f32),to(rgba(237,79,50,0))) 100% 101%/65% 75% no-repeat border-box;background: linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#db1d60,#ed4f32) 0/50% no-repeat border-box,linear-gradient(-90deg,#eb7d01,#ed4f32 37.5vw,rgba(237,79,50,0)) 100% 101%/65% 75% no-repeat border-box;};color:#fff;margin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;transition:all .3s}.arldzgnMultiRelated:hover{background-color:#222}.arldzgnMultiRelated .content{padding:12px 15px}.arldzgnMultiRelated .content .text{margin-right:5px}.arldzgnMultiRelated .content a{color:#000;text-decoration:none;line-height:1.5em}.arldzgnMultiRelated .content a:hover{text-decoration:underline}.arldzgnMultiRelated .icon{height:auto;min-width:55px;background:;transition:all .3s}</style></b:if>
ثم قم بالبحث عن
<data:post.body/>
وضع هذا الكود اسفله
وملحوظة : ستجد من هذا الكود مكرر كثيرا الثاني او الثالث هو الكود المطلوب
<script type='text/javascript'>
//<,a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1);
for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})();
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}}
function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx}
function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false}
//]]>
</script>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:view.isPost'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/>
</b:if>
</b:loop>
</b:if>
<script type='text/javascript'>
//< * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
</b:if>
وقم بحفظ القالب وسيتم تفعيل اضافة المواضيع ذات صلة داخل المواضيع بهذا الشكل الجديد والملفت
وضع هذا الكود اسفله
وملحوظة : ستجد من هذا الكود مكرر كثيرا الثاني او الثالث هو الكود المطلوب
<script type='text/javascript'>
//<,a = jumlah + 1,b = post['length'] / a;c = Array['from']({length: jumlah}, (redfx, blufx) => blufx + 1);
for (let d = 0; d < c['length']; d++) {let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'arldzgnMultiRelated';if (post[f]['nodeName'] == 'P') {post[f]['parentNode']['insertBefore'](g, post[f])} else {post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling'])}}})();
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) {for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) {var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) {if (nefx['link'][ciafx]['rel'] == 'alternate') {relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break}}}}
function removeRelatedDuplicates() {var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) {if (!contains(viefx, relatedUrls[desfx])) {viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx]}};relatedTitles = labfx;relatedUrls = viefx}
function contains(yelfx, yufx) {for (var grefx = 0; grefx < yelfx['length']; grefx++) {if (yelfx[grefx] == yufx) {return true}};return false}
//]]>
</script>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:view.isPost'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/>
</b:if>
</b:loop>
</b:if>
<script type='text/javascript'>
//< * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.arldzgnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) {for (let a = 0; a < jumlah['length']; a++) {jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) {r++} else {r = 0};i++}}})();
//]]>
</script>
</b:if>
وقم بحفظ القالب وسيتم تفعيل اضافة المواضيع ذات صلة داخل المواضيع بهذا الشكل الجديد والملفت
وانتهي موضوع اليوم لاتنسي زيارة اقسام الموقع لمزيد من الشروحات واذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا, او اذا كنت تريد شرح معين عن أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات
شكل جديد للمواضيع
شكل جديد للمواضيع
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>
/* Multi Related Post */
.arldzgnMultiRelated{padding:15px;margin-top:10px;border:1px solid #ddd;border-radius:3px;font-size:13px;position:relative}
.arldzgnMultiRelatedrelated h4{font-size:18px;margin:0;display:inline-block;padding:0 10px;background:#fff;position:absolute;top:-14px;left:10px;color:#7d7d7d}
.arldzgnMultiRelated ul,.post .post-related ol{list-style:circle;padding-left:20px}
.arldzgnMultiRelated li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:98%;display:inherit}
</style>
</b:if>
شكرًا لك صديقي على هذه الإضافة الرائعة.
ردحذفشكرا لك ياصديقي
حذفالمرجو تحديث هذا المقال لأن الإضافة لم تعد تعمل
ردحذفwww.khadamat.live
اهلا بيك , سيتم تحديث المقال في أقرب وقت جزيل الشكر لك
حذف