ما مدى سوء ... أو جودة مدونتك-موقعك؟ اكتشفه في ثوان

 كيفية اضافة مواضيع ذات صلة داخل تدوينة بلوجر - هل سبق لك أن رأيت رابط اضافة مواضيع مقترحة بلوجر تم إدراجه بين محتويات تدوينة على مواقع كبيرة؟ في Blogger أيضًا ، يمكننا بالطبع إضافته عن طريق إضافة الروابط في التدوينة  يدويًا ، ولكن سيكون الأمر مزعجًا عند اضافة الروابط يدويا داخل التدوينة كل مرة , لذلك من الان سيتم وضع مواضيع ذات صلة بشكل اتوماتيكي داخل التدوينة .

كيفية إضافة المواضيع ذات الصلة داخل محتوى المواضيع 

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

على سبيل المثال مثل الصورة أدناه:

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

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

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

 الان ننتقل الى الخطوات لتتمكن من اضافة روابط مواضيعك في التدوينة  تلقائيا وهي كالتالي :

تنبيه: خد نسخة اختياطية لقالبك تحسبا لاي طارئ .

1. توجه الى مدونتك 
2. ثم  انقر على المظهر 
3. ثم بعد ذلك انقر على تعديل  HTML 
4.  الان أضف الكود التالي CSS  فوق   ]]></b:skin>

<b:if cond='data:blog.pageType != "index"'> <style type='text/css'> /* Multi Related Post */ .arabblogger1Related{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} .arabblogger1Related:hover{background-color:#222} .arabblogger1Related .content{padding:12px 15px} .arabblogger1Related .content .text{margin-right:5px} .arabblogger1Related .content a{color:#fff;text-decoration:none;line-height:1.5em} .arabblogger1Related .content a:hover{text-decoration:underline} .arabblogger1Related .icon{height:auto;min-width:55px;background:#f44336 url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;transition:all .3s} </style> </b:if>

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

<b:if cond='data:view.isPost'> <script type='text/javascript'> //<,a = arabblogger1 + 1,b = post['length'] / a;c = Array['from']({length: arabblogger1}, (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'] = 'arabblogger1Related';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='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=100"'/> </b:if> </b:loop> </b:if> <script type='text/javascript'> //< * Math['random']());let i = 0;let arabblogger1 = document['querySelectorAll']('.arabblogger1Related');while (i < relatedTitles['length'] && i < arabblogger1['length']) {for (let a = 0; a < arabblogger1['length']; a++) {arabblogger1[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>

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

للتحكم في عدد الروابط التي تريد ان تظهر في الكود الاخير غير الرقم 4 الى الرقم الدي تريده , لقد لونته باللون الاحمر 
اقصد هدا (function() {var arabblogger1 = 4

كما انه يمكنك اعادة تصميمها بتغيير الالوان والحجم الى غير ذلك لتتناسب مع مدونتك 

الى هنا انتهي من هدا الموضوع الى فرصة قادمة بحول الله لا تنسى دعمنا بارك الله فيك بالتعليق  الاشترك ونشر الموضوع بين اصحابك شكرا لكم جميعا