404
الصفحة او الكلمة التي تبحث (ي) عنها لا يوجد ما يطابقها

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

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

مواضيع أخر من المدونة

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

هناك 4 تعليقات:

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

إتصل بنا

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