كيفية إضافة شاهد أيضا أو اقرأ المزيد تلقائي في منتصف المقال لـ بلوجر
زيّن مقالاتك بإضافة عنصر شاهد أيضًا تلقائيًا في منتصف المقال على بلوجر
إذا كانت مدونتك على Blogger.com أو Blogspot.com ، فيجب أن تعلم أنه لا توجد مكونات إضافية مثل WordPress لإضافة أي تصميمات أو أدوات أو وظائف وما إلى ذلك إلى موقع الويب على Blogger. فكل ما يتعين علينا القيام به يجب القيام به يدويًا ، نظرًا لأن الأمر يستغرق وقتًا أطول وإذا كنت تكتب مقالة وترغب في إضافة (شاهد أيضاً) أو إضافة (اقرأ المزيد) في تلك المقالة ، فسيتعين عليك البحث عن المنشور ذي الصلة من تلك المقالة ثم نسخ عنوانها والرابط. سيتعين عليك إضافة واحدة بواحد وهذه الطريقة تكون مملة للكثيرين.
لذلك اتيت لك اليوم بطريقة إضافة خاصية شاهد أيضاً أو ما تسمى مواضيع ذات صلة الى موقعك على بلوجر بكل سهولة . وهذه الإضافة رائعة وأكواد نظيفة ولا تثقل من القالب. سبق ونزلنا شرح عن طريقة إضافة خاصية المصادر على قوالب بلوجر يمكنك مشاهدتها ، فتابع معي المقال للنهاية حتى تتعرف على طريقة التركيب.
 |
| كيفية إضافة شاهد أيضا أو اقرأ المزيد تلقائي في منتصف المقال لـ بلوجر |
ما هي فوائد ومميزات إضافة شاهد أيضا؟
فائدة إضافة عنصر "شاهد أيضًا" أو "اقرأ المزيد" تلقائي في منتصف المقال في منصة بلوجر هي تعزيز تجربة القراءة للمستخدمين وتزويدهم بمزيد من المحتوى ذي الصلة والمثير للاهتمام. بالإضافة إلى ذلك، توفر هذه الميزة العديد من الفوائد الأخرى ، بما في ذلك:
- زيادة مدة التفاعل: عندما يشاهد القراء مقتطفات أو عناوين مقترحة في منتصف المقال ، فإن ذلك يحفزهم على البقاء لفترة أطول في الموقع والتفاعل مع محتوى إضافي.
- تحسين تجربة القراءة: يمكن لمثل هذه العناصر المقترحة أن تعزز تجربة القراءة عن طريق توفير روابط سريعة ومناسبة إلى مواضيع ذات صلة يمكن أن يهتم بها القراء.
- زيادة صفحات المشاهدة: من خلال عرض المقتطفات أو الروابط في منتصف المقال ، يمكن زيادة عدد الصفحات التي يشاهدها القراء وبالتالي زيادة فرص الاستفادة من المحتوى الإعلاني أو الإيرادات المرتبطة بالموقع.
- تعزيز الاستكشاف: بواسطة عرض مقتطفات أو روابط إضافية ، يمكن للمستخدمين استكشاف مواضيع ذات صلة وتوسيع معرفتهم وفهمهم حول الموضوع الأساسي للمقال.
- ليست هناك حاجة لإضافة روابط ذات صلة مرارًا وتكرارًا في أي مقال / منشور.
- سيكون وقتك أقل في كتابة المنشور.
- سيظهر في جميع مشاركاتك الجديدة والقديمة.
- يعطي نظرة احترافية لمشاركتك.
- يعرف زوار موقعك الموضوعات التي كتبتها في المنشور.
- هناك فرص للنقر على المنشورات ذات الصلة أيضًا.
- لن يؤدي النقر فوق المنشور ذي الصلة إلى زيادة معدل الارتداد لموقعك.
- سوف تزيد أرباحك.
كل هذه الفوائد مع إضافة لمسه جمالية في موقعك وعل جميع مقالاتك.
كيفية إضافة منشور اقرأ المزيد أو شاهد أيضاً تلقائي في منتصف مقالة على Blogger
أيها الأصدقاء ، لقد أحضرت اليوم حلًا لهذه المشكلة في هذا المنشور ، وسأخبركم في هذا المنشور كيفية إضافة اكواد تلقائية لجعل ميزة شاهد أيضاً في منتصف مقالة على Blogger. لذا دعنا نعرف.
لإضافة منشور ذات صلة أو ما تسمى شاهد أيضاً تلقائي في منتصف المقالة ، يجب عليك إضافة بعض التعليمات البرمجية في نموذج بلوجر الخاص بك.
اتبع الخطوات الواردة أدناه لإضافة الأكواد في أماكنها الصحيحة:
- افتح لوحة تحكم Blogger.
- انقر فوق الموضوع وانقر فوق تحرير Html.
- انقر في أي مكان في Html Box واضغط من الكيبورد على زر كونترول + حرف f وقم بلصق كلمة </head> وابحث عنها
- الصق كود CSS أعلى الـ </head> .
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>
/* Related Post Inline */
.related-simplify{display:inline-block;position:relative;padding:0;border-radius:20px;margin:40px auto 30px auto;width:100%;box-shadow:0 0 8px -5px rgba(0,0,0,0.4)}.related-simplify h4{background:#f22830;padding:4px 15px;position:absolute;margin:0;font-size:13px;font-weight:500;color:#fff;top:-14px;left:6.8%;border-radius:99em;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.17)}.related-simplify ul{margin:0;padding:0}.related-simplify ul li{position:relative;list-style:none;padding:0;margin:auto;line-height:1.4em;transition:all .1s}.related-simplify a{display:block;color:#222;font-size:14px;font-weight:500;padding:5px 30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all .1s}.related-simplify ul li:nth-child(n+5) a{margin:0 auto 20px auto;}.related-simplify ul li:first-child a{margin:25px auto 0 auto;}.related-simplify ul li:nth-child(n+5) a:hover,.related-simplify ul li:first-child a:hover,.related-simplify a:hover{color:#aaa;padding-left:35px}.related-simplify ul li:nth-child(n+6){display:none}
</style>
</b:if>
- الصق كود جافا سكريبت أدناه أيضًا أعلاه </head> مع كود CSS الذي قمت بوضعه سابقاً.
<b:if cond='data:blog.pageType != "index"'>
<script type='text/javascript'>
//<![CDATA[
// Related Post Inline
var relatedSimply = new Array(); var relatedSimplyNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedSimply[i];}} relatedSimply = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>
- الان قم بفتح مربع البحث مرة ثانية وقم بالبحث عن <data: post.body /> واستبدلها بالكود الوارد أدناه.
<!-- [Related_post_in_the_middle_code_by_kingoplus.blogspot.com] -->
<div expr:id='"post1" + data:post.id'/>
<div class='related-simplify'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Also Read</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div class='ty-copy-container row' style='font-size:1px; opacity:0;'><a href='https://www.akhelppoint.in/' rel='dofollow' title='related post in the middle'>related post in the middle</a>
</div>
<div expr:id='"post2" + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
- إذا كان لديك بعض أكواد <data: post.body /> في القالب الخاص بك ، فابحث عن الكود المطلوب بعناية.
ولمعرفة اختيار الكود الصحيح قم بكتابة أي ارقام فوق هذا الكود وقم بالحفظ وقم بالذهاب الى المدونة وافتح أي مقال اذا وجدت الأرقام موجودة أعلى المقال . اذاً هذا هو الكود الصحيح ، اذا لم تجده ابحث الكود الاخر وقم بنفس التجربة حتى تجد الكود الصحيح.
- الآن انقر فوق حفظ الموضوع .
تمت الآن إضافة شاهد أيضاً في منتصف المقالة في نموذج بلوجر الخاص بك. يمكنك فتح أي منشور في مدونتك ومشاهدته.
في الختام، يمكننا القول إن إضافة عنصر "شاهد أيضًا" أو "اقرأ المزيد" تلقائي في منتصف المقال في بلوجر لها فوائد ومميزات عديدة. تساهم هذه الميزة في تحسين تجربة القراءة ، زيادة مدة التفاعل ، وزيادة صفحات المشاهدة على الموقع. بالإضافة إلى ذلك ، تعمل على تعزيز استكشاف المستخدمين لمزيد من المحتوى ذي الصلة.
لإضافة هذه الميزة في بلوجر، يمكنك اتباع خطوات بسيطة في لوحة التحكم الخاصة بك. استغل هذه الفرصة لتعزيز تجربة قراءة متابعي مدونتك وتوفير محتوى إضافي وشيق لاستكشافه. قد تكون هذه الميزة مفيدة أيضًا لتحقيق أهدافك المرتبطة بزيادة الانتشار وتفاعل القراء.
لا تتردد في تجربة هذه الميزة ومراقبة تأثيرها على أداء مدونتك. قد تكتشف أنها تعمل على زيادة ولاء القراء وتحفيزهم للتفاعل والتواصل مع محتواك بشكل أكبر.
إليك بعض الأسئلة الشائعة حول كيفية إضافة عنصر "شاهد أيضًا" أو "اقرأ المزيد" تلقائي في منتصف المقال في بلوجر مع إجاباتها:
كيف يمكنني إضافة عنصر "شاهد أيضًا" تلقائيًا في بلوجر؟
يمكنك إضافة عنصر "شاهد أيضًا" تلقائيًا في بلوجر باستخدام وظيفة التوصية المدمجة. يمكنك تفعيل هذه الوظيفة من خلال لوحة التحكم في بلوجر وتخصيصها وفقًا لتفضيلاتك.
كيف يمكنني ضبط العدد المناسب من الروابط المقترحة في عنصر "شاهد أيضًا"؟
يمكنك ضبط العدد المناسب من الروابط المقترحة في عنصر "شاهد أيضًا" من خلال إعدادات وظيفة التوصية في بلوجر. يمكنك تحديد عدد الروابط التي ترغب في عرضها والتأكد من أنها تتناسب مع تجربة القراءة المطلوبة.
هل يمكنني تخصيص محتوى عنصر "شاهد أيضًا" في بلوجر؟
نعم ، يمكنك تخصيص محتوى عنصر "شاهد أيضًا" في بلوجر. يمكنك تحديد الفئات أو الوسوم المرتبطة التي ترغب في عرض المقالات المقترحة من خلال الوظيفة المدمجة. يمكنك أيضًا تعديل تصميم العنصر وتنسيقه وفقًا لاحتياجاتك واحتياجات تصميم مدونتك.
هل يمكنني تغيير موقع عنصر "شاهد أيضًا" في المقال؟
نعم ، يمكنك تغيير موقع عنصر "شاهد أيضًا" في المقال. يمكنك تحديد موقع عنصر "شاهد أيضًا" في منتصف المقال أو في أي مكان آخر يتناسب مع تصميم المدونة الخاصة بك. يمكنك استخدام واجهة التحرير في بلوجر لنقل العنصر ووضعه في المكان المناسب داخل المقال.
هل يمكنني تخصيص شكل وتصميم عنصر "شاهد أيضًا" في بلوجر؟
نعم ، يمكنك تخصيص شكل وتصميم عنصر "شاهد أيضًا" في بلوجر. يمكنك استخدام لغة CSS لتعديل النمط والمظهر العام للعنصر. يمكنك تغيير حجم الخط، والألوان ، والخلفية ، والحواف ، وغيرها من العناصر التصميمية لضمان تكامله مع مظهر المدونة الخاصة بك.
هل يوجد وسيلة لتخصيص المحتوى المعروض في عنصر "شاهد أيضًا"؟
في بلوجر ، يتم توليد المحتوى المقترح تلقائيًا بناءً على المقالات المشابهة أو ذات الصلة بالمقال الحالي. ومع ذلك، يمكنك تحسين المحتوى المعروض من خلال وضع علامات ووسوم دقيقة ووصفات واضحة لمقالاتك. هذا سيساعد نظام التوصية في عرض مقالات أكثر دقة وصلة مع محتواك.
أتمنى أن تكون هذه الأجوبة مفيدة لك! إذا كان لديك أي أسئلة إضافية، فلا تتردد في طرحها والتواصل معنا عبر صفحتنا على الفيسبوك.
تعليقات
إرسال تعليق