15482721749897530
recent
أخر المواضيع

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

الخط

كيفية اضافة مواضيع ذات صله بشكل جديد داخل المواضيع 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> 
وقم بحفظ القالب وسيتم تفعيل اضافة المواضيع ذات صلة داخل المواضيع بهذا الشكل الجديد والملفت 
 وانتهي موضوع اليوم لاتنسي زيارة اقسام الموقع لمزيد من الشروحات واذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا,  او اذا كنت تريد شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات     

ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

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