السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي
اقدم لكم سكربت خاص بتقسيم الموضوع الى صفحات بطريقة سهلة وبدون تعقيد
اولا يمكنك معاينة الاضافة من هنا
شرح تركيب الاضافة
- اولا إبحث في القالب على </head> وضع الكود التالي فوقه مباشرة
<b:if cond='data:view.isPost'> <style type="text/css"> /*<![CDATA[*/ /*===================================== = Page Navigation =====================================*/ div#siki-out br:first-of-type {display: none;} #siki-out img{padding:5px;border:1px solid #eee;border-radius:3px;width:auto;height:auto;display:inline;max-width:100%} #siki-out a:hover{text-decoration:underline} #siki-out a{color:#2c82c9} .page-navigation{position: relative;clear: both;overflow: hidden;margin-top: 15px;} #siki-page-number{padding-top:5px} #siki_prev{float:right;border-left:7px double #fff;border-radius:0 5px 5px 0} #siki_next,#siki_prev{background:#fff;display:inline-block;cursor:pointer;border:2px solid #222f3e;border-left:8px solid #222f3e;border-radius:35px;margin:3px!important} .siki-next-prev a{display:block} #siki_prev span:nth-child(1){float:left;font-size:15px;line-height:35px;padding:0 30px 0 10px;position:relative} #siki_prev span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='M64.5,122.6c32,0,58.1-26,58.1-58.1S96.5,6.4,64.5,6.4S6.4,32.5,6.4,64.5S32.5,122.6,64.5,122.6z M64.5,14.6 c27.5,0,49.9,22.4,49.9,49.9S92,114.4,64.5,114.4S14.6,92,14.6,64.5S37,14.6,64.5,14.6z' fill='%23264079'%3E%3C/path%3E%3Cpath d='m51.1,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l26.4-26.4c0.8-0.8 1.2-1.8 1.2-2.9 0-1.1-0.4-2.1-1.2-2.9l-26.4-26.4c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l23.5,23.5-23.5,23.5c-1.6,1.6-1.6,4.2 0,5.8z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute} #siki_next span:nth-child(1):before{display:block;width:1.5em;height:1.5em;content:"";top:7px;left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 129 129' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cg%3E%3Cpath d='m64.5,122.6c32,0 58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z' fill='%23264079' %3E%3C/path%3E%3Cpath d='m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z' fill='%23264079'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute} .siki-next-prev span{font-size:30px;color:#585858} #siki_prev span:nth-child(2){float:right;line-height:45px} #siki_next{float:left;border:2px solid #222f3e;border-right:8px solid #222f3e;border-radius:35px;margin:0} #siki_next span:nth-child(1){float:right;font-size:15px;line-height:35px;padding:0 10px 0 30px;position:relative} #siki_next span:nth-child(2){float:left;line-height:45px} #siki-page-number{text-align:center;color:#292929;font-size:1.1em} #siki_prev:hover{border:2px solid #222f3e;border-left:2px solid #222f3e;border-right:8px solid #222f3e;display:block} #siki_next:hover{border:2px solid #222f3e;border-left:8px solid #222f3e;border-right:2px solid #222f3e;display:block} #siki_next,#siki_prev{transition:all 0.3s} /*]]>*/ </style> </b:if>
- ثالثا نبحث في القالب على <data:post:body/> ستجده مكرر اكثر من مرتين لانه يوجد في قوالب الاولى مخصصة لصفحة الرئيسية و الثانية لصفحة الموضوع و الثالثة لصفحات حسب القالب
- عندما تجدها سوف تجد معها div هكذا
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
</div>
انتا ضع الكود التالي اسفل هذا الكود يعني اسفل ال </div>
<b:if cond='data:view.isPost'> <div id='siki-out'/> <div id='ads-top-pagenavigation'/> <div class='page-navigation'> <div class='siki-next-prev' id='siki_prev'><a><span>السابق</span><span class='siki-prev'/></a></div> <div class='siki-next-prev' id='siki_next'><a><span>التالي</span><span class='siki-next'/></a></div> <div id='siki-page-number'/> </div> </b:if>
الان احفظ القالب وإذا اردت اضافة تقسيم لموضوع تذهب الى الموضوع وتضع هذا الكود بين كل تقسيم تريده _split
مثال على تقسيم صفحات لمدونات بلوجر |
- ملاحظة الكود عندا نسخه من هذه الموضوع ضعه في نوتباد او اكتبه لكي تتجنب نقل اكواد اخرا معه
تعليقات
اهلا اخي .. جربت الطريقة بس بدون ما ينقسم الموضوع .. مفيش حل