شروحات بلوجر

بناء روابط داخلية تلقائياً في تدوينات بلوجر

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

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

ماهي الروابط الداخلية والروابط الخارجية وما الفرق بينهم ببساطة

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

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

تصدر نتائج البحث في جوجل وتحسين السيو بلوجر

تصدر موقعك نتائج بحث جوجل

الروابط الخارجية هي تلك الروابط التي تشير الى مقالات في مواقع اخرى , او روابط من مواقع اخرى تشير الى موقعك او مقال في موقعك .

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

اذهب الى تحرير القالب وقم بإضافة الكود التالي فوق ( قبل) </head>

<!--Relate Posts -->
 
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* Multi Related Post */
.MO5TALFRelated{
    color:#9e44c9;
    margin:15px auto;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    overflow:hidden;
    transition:all .3s;
    box-shadow: 1px 1px 3px #ddd;
    border-right: 10px solid #d24949;
    font-size: 17px;
    font-weight: bold;
    }
.MO5TALFRelated:hover   {border-right: 10px solid #9e44c9; }
 
.MO5TALFRelated .content {
    padding: 12px 15px
}
 
.MO5TALFRelated .content .text {
    margin-right: 5px
}
 
.MO5TALFRelated .content a {
    color: #2a2a2a;
    text-decoration: none;
    line-height: 1.5em;
    font-weight: bold
}
 
.MO5TALFRelated .content a:hover {
    text-decoration: underline;
    color: #9e44c9;
}
 
.MO5TALFRelated .icon {
    border-right: 1px solid #fff;
    height: auto;
    min-width: 55px;
    background: #d24949 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
}
 
.MO5TALFRelated:hover .icon {
    border-right: 1px solid #fff;
    height: auto;
    min-width: 55px;
    background: #9e44c9 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>
 
<!-- End Related Post -->

بعدها قم بإضافة الكود التالي اسفل ( بعد ) </data:post.body>

<!-- Related Posts -->
 
<b:if cond='data:view.isPost'>
<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
(function() {var MO5TALF = 2;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = MO5TALF + 1,b = post['length'] / a;c = Array['from']({length: MO5TALF}, (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'] = 'MO5TALFRelated';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 MO5TALFRelated() {var text = 'إقرأ أيضا :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let MO5TALF = document['querySelectorAll']('.MO5TALFRelated');while (i < relatedTitles['length'] && i < MO5TALF['length']) {for (let a = 0; a < MO5TALF['length']; a++) {MO5TALFMO5TALF[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>
 
<!-- End related Posts -->

الى هنا نكون قد انتهينا ومبروك عليكم واتمنى لكم التوفيق جميعاً

السابق
قالب بلوجر فيرال
التالي
تحميل قالب مجلة بلوجر مجانا – Raptor عربي

تعليقان

أضف تعليقا

  1. hindiyadrama قال:

    شكرا لك شرح جييد

    1. المختلف للمعلوميات قال:

      العفو اخي مرحبا بك

اترك رداً على المختلف للمعلوميات إلغاء الرد

واحد × واحد =