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

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

 تعتمد أسلوب سرد قصصي يتطلب منك عرض محتواك بشكل صفحات أكثر؟

تريد عرض قصة قصيرة على هيئة صفحات في مدونتك ؟ 

كل هذه الأسئلة حلها واجابتها في الكود الموجود في موضوعنا

 لماذا أستخدم هذا الكود دون عن غيره؟

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

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

مميزات الكود

1. لا تحتاج تعديلات أو توزيع أكواد هو كود واحد تلصقه وانتهى الأمر.
2. الكود خفيف ولا يؤثر على سرعة التحميل
3. سهولة تغيير الرمز المعتمد بحيث ان كنت تستخدم رمز مختلف في كود سابق يعمل أيضاً

 

شرح التركيب

قم بلصق بعد الوسم [[<data:post.body/>]]

أو ان واجهت مشكلة في ايجاد هذا الوسم او لم تعرف كيف تحدد الصحيح ان كان مكرر أضفه فوق الوسم [[</body>]] 

سيعمل على أى منهما

<b:if cond='data:view.isPost'>  
<style type='text/css'>
/* <![CDATA[ */
.split-pagination{--splitm:#546e7a;--splits:#ff4801;background-color:var(--splitm);padding:10px;border-radius:50px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;}
.split-numbers{display:flex;flex-wrap:wrap;gap:5px;}
.split-pagination a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);color:#fff!important;border-radius:50%;gap:5px;font-weight:bold;}
.split-pagination a.split-current{pointer-events:none;background-color:var(--splits);}
.split-pagination a:hover{background-color:var(--splits);}
.split-start,.split-end{opacity:.5;pointer-events:none;}
.splitarrow {font-size: 24px;flex-shrink: 0;}
@media screen and (max-width : 600px) {.split-numbers{display:none;}}
 /* ]]> */
</style>
<script type='text/javascript'>
//<![CDATA[
let splitSymbol="💫";
var _0x41a8f5=_0x278d;(function(_0x127323,_0x4ff1e9){var _0x473767=_0x278d,_0x343529=_0x127323();while(!![]){try{var _0x404ea4=-parseInt(_0x473767(0x19f))/0x1*(parseInt(_0x473767(0x1a3))/0x2)+parseInt(_0x473767(0x19e))/0x3+parseInt(_0x473767(0x1b5))/0x4*(-parseInt(_0x473767(0x1c4))/0x5)+parseInt(_0x473767(0x1a2))/0x6*(parseInt(_0x473767(0x1b8))/0x7)+-parseInt(_0x473767(0x19d))/0x8*(parseInt(_0x473767(0x1b7))/0x9)+-parseInt(_0x473767(0x1b0))/0xa*(parseInt(_0x473767(0x1c6))/0xb)+-parseInt(_0x473767(0x19b))/0xc*(-parseInt(_0x473767(0x1a7))/0xd);if(_0x404ea4===_0x4ff1e9)break;else _0x343529['push'](_0x343529['shift']());}catch(_0x1592a6){_0x343529['push'](_0x343529['shift']());}}}(_0x1b2c,0xdca20),document[_0x41a8f5(0x1a4)](_0x41a8f5(0x1be),function(){function _0x3c99f7(){var _0xfc7ce0=_0x278d,_0x12b536=window[_0xfc7ce0(0x1ce)][_0xfc7ce0(0x1c9)][_0xfc7ce0(0x1ae)](0x1);if(_0x12b536&&_0x12b536[_0xfc7ce0(0x1a1)]('split-Part')){var _0x74b0c3=parseInt(_0x12b536[_0xfc7ce0(0x1cd)]('split-Part',''));return isNaN(_0x74b0c3)?0x1:_0x74b0c3;}return 0x1;}function _0x5255ce(){var _0x4683ae=_0x278d,_0x32b66b=document[_0x4683ae(0x1a8)](_0x4683ae(0x1a5));if(!_0x32b66b)return[];var _0x51979a=[];function _0x5d0411(_0x32e0cb){var _0x38d4c6=_0x4683ae;for(var _0x5d05c3=0x0;_0x5d05c3<_0x32e0cb[_0x38d4c6(0x1bd)][_0x38d4c6(0x1b2)];_0x5d05c3++){var _0x36f1c7=_0x32e0cb[_0x38d4c6(0x1bd)][_0x5d05c3];if(_0x36f1c7['nodeType']===Node[_0x38d4c6(0x1b1)]&&_0x36f1c7[_0x38d4c6(0x1c5)][_0x38d4c6(0x1b4)](splitSymbol)){var _0x9683f9=_0x36f1c7[_0x38d4c6(0x1ad)];while(_0x9683f9&&_0x9683f9[_0x38d4c6(0x1ad)]!==_0x32b66b){_0x9683f9=_0x9683f9['parentElement'];}_0x9683f9&&!_0x51979a['includes'](_0x9683f9)&&_0x51979a[_0x38d4c6(0x1a0)](_0x9683f9);}else _0x36f1c7['nodeType']===Node['ELEMENT_NODE']&&_0x5d0411(_0x36f1c7);}}return _0x5d0411(_0x32b66b),_0x51979a;}function _0x544974(){var _0x2ca3ba=_0x278d,_0x370702=document['querySelector'](_0x2ca3ba(0x1a5));if(!_0x370702)return;var _0x20077a=_0x5255ce();if(_0x20077a[_0x2ca3ba(0x1b2)]===0x0)return;var _0x408b9f=[],_0x57c777='',_0x1c8103=0x1;function _0x24c411(){var _0x1e92ef=_0x2ca3ba;for(var _0x37314c=0x0;_0x37314c<_0x370702['children'][_0x1e92ef(0x1b2)];_0x37314c++){var _0x5227e2=_0x370702['children'][_0x37314c];_0x20077a['includes'](_0x5227e2)?(_0x57c777['trim']()!==''&&(_0x408b9f[_0x1e92ef(0x1a0)](_0x57c777),_0x57c777='',_0x1c8103++),_0x2b056b(_0x5227e2),_0x57c777+=_0x5227e2[_0x1e92ef(0x1ac)]):_0x57c777+=_0x5227e2[_0x1e92ef(0x1ac)];}_0x57c777['trim']()!==''&&_0x408b9f['push'](_0x57c777);}function _0x2b056b(_0xc5dd0c){function _0x46cf67(_0x19f2de){var _0x123ca8=_0x278d;if(_0x19f2de[_0x123ca8(0x1cc)]===Node[_0x123ca8(0x1b1)])_0x19f2de[_0x123ca8(0x1c5)]=_0x19f2de[_0x123ca8(0x1c5)][_0x123ca8(0x1cd)](new RegExp(splitSymbol,'g'),'');else{if(_0x19f2de[_0x123ca8(0x1cc)]===Node[_0x123ca8(0x1af)])for(var _0x1a96d1=0x0;_0x1a96d1<_0x19f2de[_0x123ca8(0x1bd)][_0x123ca8(0x1b2)];_0x1a96d1++){_0x46cf67(_0x19f2de[_0x123ca8(0x1bd)][_0x1a96d1]);}}}_0x46cf67(_0xc5dd0c);}_0x24c411();var _0x50c7ae='';for(var _0x2f1743=0x0;_0x2f1743<_0x408b9f['length'];_0x2f1743++){var _0x4e6d9a=_0x2ca3ba(0x1ab)+(_0x2f1743+0x1);_0x50c7ae+=_0x2ca3ba(0x1cb)+_0x4e6d9a+'\x22>'+_0x408b9f[_0x2f1743]+_0x2ca3ba(0x1bf);}_0x370702[_0x2ca3ba(0x1c7)]=_0x50c7ae;var _0x2d70fa=_0x3c99f7(),_0x37fdcf=_0x408b9f[_0x2ca3ba(0x1b2)],_0xf3b3e3=_0x370702[_0x2ca3ba(0x1bc)]('[id^=\x22split-Part\x22]');_0xf3b3e3[_0x2ca3ba(0x1b6)](function(_0x1f7543,_0x48e4ee){var _0x19e4f9=_0x2ca3ba;_0x1f7543[_0x19e4f9(0x19c)]['display']=_0x48e4ee+0x1===_0x2d70fa?_0x19e4f9(0x1bb):_0x19e4f9(0x1c2);});var _0x4069e=document[_0x2ca3ba(0x1a6)](_0x2ca3ba(0x1ba));_0x4069e[_0x2ca3ba(0x1ca)]=_0x2ca3ba(0x1a9);var _0x7d8e65=document[_0x2ca3ba(0x1a6)]('a');_0x7d8e65['href']=_0x2ca3ba(0x1aa)+(_0x2d70fa-0x1),_0x7d8e65['innerHTML']=_0x2ca3ba(0x1c1),_0x7d8e65['className']='split-prev\x20splitarrow';_0x2d70fa===0x1?_0x7d8e65[_0x2ca3ba(0x1ca)]+='\x20split-start':_0x7d8e65[_0x2ca3ba(0x1a4)](_0x2ca3ba(0x1b9),function(_0x47df61){var _0xe40623=_0x2ca3ba;_0x47df61[_0xe40623(0x1c0)](),window['location'][_0xe40623(0x1c9)]=_0xe40623(0x1ab)+(_0x2d70fa-0x1),window[_0xe40623(0x1ce)][_0xe40623(0x1c3)]();});_0x4069e['appendChild'](_0x7d8e65);var _0x490916=document[_0x2ca3ba(0x1a6)]('span');_0x490916[_0x2ca3ba(0x1ca)]='split-numbers';for(var _0x2f1743=0x1;_0x2f1743<=_0x37fdcf;_0x2f1743++){var _0x4da34b=document['createElement']('a');_0x4da34b[_0x2ca3ba(0x1c8)]=_0x2ca3ba(0x1aa)+_0x2f1743,_0x4da34b[_0x2ca3ba(0x1c5)]=_0x2f1743,_0x4da34b[_0x2ca3ba(0x1ca)]='split-num',_0x2f1743===_0x2d70fa&&(_0x4da34b[_0x2ca3ba(0x1ca)]+='\x20split-current'),_0x4da34b['addEventListener']('click',function(_0x760f88){var _0x116d53=_0x2ca3ba;_0x760f88[_0x116d53(0x1c0)]();var _0x2ed2f4=parseInt(this[_0x116d53(0x1c5)]);window[_0x116d53(0x1ce)][_0x116d53(0x1c9)]=_0x116d53(0x1ab)+_0x2ed2f4,window[_0x116d53(0x1ce)][_0x116d53(0x1c3)]();}),_0x490916[_0x2ca3ba(0x1b3)](_0x4da34b);}_0x4069e[_0x2ca3ba(0x1b3)](_0x490916);var _0xae0085=document[_0x2ca3ba(0x1a6)]('a');_0xae0085[_0x2ca3ba(0x1c8)]='#split-Part'+(_0x2d70fa+0x1),_0xae0085[_0x2ca3ba(0x1c7)]='<i\x20class=\x22fa-solid\x20fa-angle-left\x22></i>',_0xae0085[_0x2ca3ba(0x1ca)]='split-next\x20splitarrow',_0x2d70fa===_0x37fdcf?_0xae0085[_0x2ca3ba(0x1ca)]+='\x20split-end':_0xae0085[_0x2ca3ba(0x1a4)](_0x2ca3ba(0x1b9),function(_0x1b8773){var _0x27b740=_0x2ca3ba;_0x1b8773[_0x27b740(0x1c0)](),window[_0x27b740(0x1ce)]['hash']='split-Part'+(_0x2d70fa+0x1),window[_0x27b740(0x1ce)][_0x27b740(0x1c3)]();}),_0x4069e[_0x2ca3ba(0x1b3)](_0xae0085),_0x370702[_0x2ca3ba(0x1b3)](_0x4069e);}_0x544974();}));function _0x278d(_0x4d451a,_0xea47ae){var _0x1b2c0a=_0x1b2c();return _0x278d=function(_0x278dfe,_0x48a883){_0x278dfe=_0x278dfe-0x19b;var _0x33b578=_0x1b2c0a[_0x278dfe];return _0x33b578;},_0x278d(_0x4d451a,_0xea47ae);}function _0x1b2c(){var _0x3513d5=['div','block','querySelectorAll','childNodes','DOMContentLoaded','</div>','preventDefault','<i\x20class=\x22fa-solid\x20fa-angle-right\x22></i>','none','reload','75155IFcTva','textContent','3227686uaRxyn','innerHTML','href','hash','className','<div\x20id=\x22','nodeType','replace','location','2232ePidFW','style','71624GMrSLA','4168449IFrsID','3650siTJio','push','startsWith','1332NDNNXH','746zBvYlU','addEventListener','.post-body','createElement','126659frfIMk','querySelector','split-pagination','#split-Part','split-Part','outerHTML','parentElement','substring','ELEMENT_NODE','10XvEMzW','TEXT_NODE','length','appendChild','includes','136Vjcssj','forEach','459wARZfk','10234FgKWGv','click'];_0x1b2c=function(){return _0x3513d5;};return _0x1b2c();}
//]]>
</script>
</b:if>  

التنسيق 

 عدل هذه الألوان بالألوان المناسبة لقالبك

[[#546e7a]]

[[#ff4801]]

 

الإستخدام

كل ما عليك هو أن تضيف هذا الرمز 💫 في بداية كل جزء تعتبره صفحة البداية فقط

ولكي تجد الرمز بسهولة فقط اضغط على زر الرموز التعبيرة في بلوجر ستجده هناك

 

ويمكنك تغيير هذا الرمز في  الكود وتستخدم أى رمز مختلف