أخر الاخبار

الدرس27: اضافة روابط داخلية داخل تدوينات بلوجر بشكل تلقائي

مرحبا بكم أصدقائي الكرام في درس جديد من  دورة بلوجر لكيفية  انشاء مدونة في موقع بلوجر عربي التابع لجوجل  باحترافية  والربح منها من الصفر.. 

درسنا اليوم هو الدرس27: وهو عن الباك لينك الداخلي أو الروابط الداخلية وكيفية انشائها تلقائيا وهي مفيدة جدا في عدة أمور سأختصرها في: إنقاص نسبة الإرتداد وبقاء الزوار عندك.. زيادة نسبة ظهور صفحاتك.. إحياء الصفحات القديمة.. زيادة الأرشفة..الخ.

في هذا الدرس إن شاء الله سنتعرف على كيفية إنشاء روابط داخلية داخل تدويناتنا بشكل تلقائي..



إقرأ أيضا:


أولا: وقبل القيام بأي شيء نأخذ نسخة إحتياطية من القالب في حالة أخطأنا.
ثانيا: نتوجه لتحرير الhtml في تصنيف المظهر.
ثالثا: نقوم بالضغط على cnrl+f ندخل العبارة المقابلة للوسم للبحث عنها : مثلا ندخل <head/> ونضغط entree لإيجاده وهكذا..
رابعا: نتبع الإرشادات التالية:

1- فوق الوسم <head/>

يمكنك تحميل الكود كامل بالضغط هناأو
نسخ الكود التالي ولصقه فوق الوسم <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>


2- أسفل وسم <data:post.body/>

يمكنك تحميل الكود كامل بالضغط هناأو
لصق الكود التالي أسفل وسم <data:post.body/>

طبعا سنجد عدة وسوم كلها <data:post.body/> وعددها يختلف من قالب لآخر. ماهو الحل؟؟
الحل هو كما قلنا سابقا بحفظ القالب قبل أي شيء ثم نختار عادة <data:post.body/> الثاني أو الثالث حسب القالب أي فقط نجرب وحتى ييهل علينا الأمر نترك فراغا كبيرا تحت الوسم <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 = 'اقرا ايضا :';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>



ملاحظة: يمكنك التحكم في عدد الروابط الداخلية التي ستظهر داخل التدوينات من خلال تغيير الرقم الأحمر بالأعلى arabes1 = 4 حيث هنا ستظهر أربعة روابط وهكذا..

سنحصل على نتيجة مثل هذه:





في الأخير ستحصل على نتيجة جميلة ومفيدة للسيو مثل الصورة بالأعلى ... والجميل في الأمر أن الروابط ستكون من نفس الصنف أو التقسيم وليس من صنف آخر فإذا كنت داخل تصنيف محدد كالسيارات مثلا فإن الروابط ستكون فقط عن السيارات وليس الرسم وهكذا...



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

إلى هنا نكمل هذا الدرس.. تقبلو تحياتي.
والسلام عليكم ورحمة الله تعالى وبركاته
اللهم صلي وسلم على نبينا محمد
(صلى الله عليه وسلم)


إذا أعجبك الموضوع يمكنك مشاهدة مواضيع أو دروس أخرى بقسم بلوجر لاتقل أهمية إضغط هنا للإنتقال لقسم بلوجر.

ليصلك جديدنا تابعنا على صفحاتنا الاجتماعية: الفيسبوكالتويتر ,tumblrpinterestlinkedininstagram
 


الحصول على رابط هذا الموضوع

رابط:
رابط الموضوع بكود html:
رابط الموضوع للمنتديات:
Banggood WW Banggood WW Banggood WW
تعليقات
ليست هناك تعليقات
إرسال تعليق
    реклама партнерских ссылок



    وضع القراءة :
    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -