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

الأربعاء، 27 أبريل، 2016

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


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



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


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- قم بنشر الموضوع الجديد الذى بالأقسام .

الى هنا ينتهى الشرح اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)

شارك الموضوع ليستفيد الجميع

مواضيع مهمه ايضا سوف تعجبك

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

شكرا لك اخى على دعمك بالتوفيق لك

الطريقة توقفة بسبب توقف جوجل كود

نتمنى منك اخي ايجاد طريقة اخرى لنا في اقرب الاجال وشكرا

بأذن الله سوف أعمل على تعديل الكود فى هذه الموضوع

أحتاج الإضافة ضروري أخي، هل يمكنك معرفة سبب عدم اشتغالها ؟؟
http://www.funclubviral.com/2017/07/teste1.html
المرجو الرد

الكود توقف للأسف ولم يعد يعمل
وانا أعمل على كود اخر

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

جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر