إضافة خاصية الروابط التلقائية على مدونات بلوجر

إضافة خاصية الروابط التلقائية على مدونات بلوجر

إضافة خاصية الروابط التلقائية على مدونات بلوجر

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

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

طريقة اضافة هذه الاكواد 

HTMLانتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير

</head>قم بالبحث عن 

ثم ضع الكود التالي قبله

<b:if cond='data:blog.pageType != &quot;index&quot;'>

<style type='text/css'>

/* Multi Related Post */

.arabes1Related{background-color:#2a2a2a;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}

.arabes1Related:hover{background-color:#222}

.arabes1Related .content{padding:12px 15px}

.arabes1Related .content .text{margin-right:5px}

.arabes1Related .content a{color:#fff;text-decoration:none;line-height:1.5em}

.arabes1Related .content a:hover{text-decoration:underline}

.arabes1Related .icon{height:auto;min-width:55px;background:#f44336 url(&quot;data:image/svg+xml,%3Csvg viewBox=&#39;0 0 24 24&#39; xmlns=&#39;http://www.w3.org/2000/svg&#39;%3E%3Cpath d=&#39;M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z&#39; fill=&#39;%23fff&#39;/%3E%3C/svg%3E&quot;) center / 40px no-repeat;transition:all .3s}

</style>

</b:if>

<data:post.body/> الآن قم بالبحث عن هذا الكود

ثم قم بوضع هذا الكود اسفله

<b:if cond='data:view.isPost'>

<script type='text/javascript'>

//<![CDATA[

// Multi Related Post

(function() {var arabes1 = 4;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = arabes1 + 1,b = post['length'] / a;c = Array['from']({length: arabes1}, (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'] = 'arabes1Related';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 arabes1Related() {var text = 'Lire la suite :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let arabes1 = document['querySelectorAll']('.arabes1Related');while (i < relatedTitles['length'] && i < arabes1['length']) {for (let a = 0; a < arabes1['length']; a++) {arabes1[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>

 ثم قم بحفظ القالب