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

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

معاينة التقسيم 

تركيب الإضافة :

1- قم بالبحث فى قالب مدونتك عن الوسم ]]></b:skin> ثم قم بوضع الكود التالى فوقه (قبله) .

/* Multiple Page Slide */ a.movepg.nexter,a.movepg.prever{color:#fff} .separator{overflow:hidden;max-height:240px;margin:0 0 20px}.separator img{background:#eee;max-width:100%;vertical-align:middle;background-position:middle;border:0;height:auto;width:100%}.next-wrap img,.next-wrap video,.next-wrap object{max-width:100% }.next-wrap{position:relative;padding:0 0 0 40px;line-height:normal;}.instruction{display:block;height:100%;width:100%;overflow:hidden}.slidecontentWrap{width:1000%}.slidecontent{direction: rtl;float:left;width:10%;line-height:161%;overflow:hidden}.movepg{display:none;position:absolute;bottom:20px;background:#e74c3c;color:#fff;font-weight:700;text-transform:uppercase;padding:6px 12px;cursor:pointer;font-size:80%;outline:none;border-radius:3px;transition:background .6s}.movepg:hover{background:#c0392b}.movepg.prever{left:20px}.movepg.nexter{right:20px}

2- قم بالبحث فى قالب مدونتك عن الوسم </body> ثم قم بوضع الكود التالى فوقه (قبله) .

<script type='text/javascript'> //<![CDATA[ function updateBtnState(){0==index?$(".prever").hide():$(".prever").show(),index==maxIndex?$(".nexter").hide():$(".nexter").show()}var index=0,maxIndex=4;$(".nexter").on("click",function(e){if(index++,index>maxIndex)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),$(".prever").on("click",function(e){if(index--,0>index)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),updateBtnState(); //]]> </script>

3- قم بحفقط القالب

4- الأن قم بكتابة موضوع جديد وقبل الكتابة ضع هذا الكود فى وضع html .

<div class="next-wrap"> <div id="photocons" class="instruction"> <div class="slidecontentWrap"> <div class="slidecontent"> <-- هنا القسم الأول --> </div> <div class="slidecontent"> <-- هنا القسم الثانى --> </div> <div class="slidecontent"> <-- هنا القسم الثالث --> </div> <div class="slidecontent"> <-- هنا القسم الرابع --> </div> <div class="slidecontent"> <-- هنا القسم الخامس --> </div> </div> </div> <a class="movepg prever">prev</a> <a class="movepg nexter">next</a> </div>

5- قم بنشر الموضوع الجديد الذى بالأقسام .

شارك الموضوع ..