في مشاركة اليوم سنشرح طريقة تقسيم مشاركات مدونة بلوجر بلوجر الطويلة الى صفحات متعددة تابع معنا:
الخطوة 1:
عادةً ما تقوم بتحرير المنشور الخاص بك في وضع( تأليف )، ولكن هذه المرة ستقوم بذلك في وضع HTML. قم بالتبديل إلى محرر HTML ، وأضف الكود التالي. ثم أضف محتوى مدونتك في كل عنصر على التوالي. من الأسطر أدناه ، يمكنك رؤية أن محتوى الصفحة الأولى فقط مرئي ، بينما الصفحات المتبقية من الثانية والثالثة والرابعة مخفية. وبالتالي فإن الصفحات المتبقية ستكون مرئية فقط إذا كان الزائر يتنقل بنها.<span class="content1"> Add your first page content here </span> <span class="content2" style="display:none"> Add your second page content here </span> <span class="content3" style="display:none"> Add your third page content here </span> <span class="content4" style="display:none"> Add your final page content here </span
الخطوة 2:
آمل أن تكون قد قمت بإضافة المحتوى الخاص بك. يجب عليك الآن إنشاء روابط الصفحة ، لذلك عندما ينقر المستخدم على تلك الصفحة ، يجب عليه الحصول على هذا المحتوى المعين. أسفل الرمز أعلاه ، أضف هذا الرمز الذي يضيف ارقام الصفحات: 1 2 3 4 كروابط أسفل محتوى مشاركتك.<p><b>Pages: <span style="color: #3d85c6;"> <a href="#" class="page1">1</a> <a href="#" class="page2">2</a> <a href="#" class="page3">3</a> <a href="#" class="page4">4</a></span></b></p>
الخطوة 3:
بعد ذلك لجعل هذه الروابط تعمل ، أضف النص التالي أسفل روابط ترقيم الصفحات.<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script style="text/javascript">
jQuery(document).ready(function(){
jQuery('.page1').click(function(){
jQuery('.content1').show();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page2').click(function(){
jQuery('.content1').hide();
jQuery('.content2').show();
jQuery('.content3').hide();
jQuery('.content4').hide();
return false;
});
jQuery('.page3').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').show();
jQuery('.content4').hide();
return false;
});
jQuery('.page4').click(function(){
jQuery('.content1').hide();
jQuery('.content2').hide();
jQuery('.content3').hide();
jQuery('.content4').show();
return false;
});
});
</script>
هذا هو! عندما تقوم بكل شيء ، قم بنشر مقالك واعرضه حيث سترى روابط الصفحة أسفل المحتوى. فقط اضغط على الروابط لترى كيف تعمل. نأمل أن يكون ذلك ساعدك في تقسيم منشورات المدونة الطويلة في Blogger إلى صفحات متعددة. اذا كان لديك أي أسئلة؟ لا تتردد في طرح الأسئلة أدناه في قسم التعليقات.
شكرا لك وجدا ، تم التطبيق وقد نجحت ، مزيد من التوفيق
ردحذف