recent
أخبار ساخنة

كيفية اضافة مواضيع ذات صله بشكل جديد داخل المواضيع

Ahmed Elsayed

كيفية اضافة مواضيع ذات صله بشكل جديد داخل المواضيع 2020


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

فقط قبل الدخول للشرح قم بأخذ نسخة احتياطية من قالبك الحالي عن طريق المظهر والضغط علي زر نسخ احتياطي \ استعادة والضغط بعدها علي تنزيل المظهر , ولنذهب الي

الشرح

اولا قم بفتح المظهر ثم تعديل html
والبحث عن </head> وضع هذا الكود قبله 

<b:if cond='data:blog.pageType != &quot;index&quot;'><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'>
//<![CDATA[
// Multi Related Post
(function() {var jumlah = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),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='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>
      </b:if>
    </b:loop>
  </b:if>
<script type='text/javascript'>
//<![CDATA[
  (function arldzgnMultiRelated() {var text = 'اقرأ ايضا:';let r = Math['floor']((relatedTitles['length'] - 1) * 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>
وقم بحفظ القالب وسيتم تفعيل اضافة المواضيع ذات صلة داخل المواضيع بهذا الشكل الجديد والملف
google-playkhamsatmostaqltradent