4 0 4
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة الصفحة الرئيسية

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

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

هناك تعليقان (2) :

شارك بتعليق على

مواقع صديقة سوف تفيدك
brief useful MAX SEO TOOLS ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا
ALL RIGHTS RESERVED, 2016 WDBLOOG , POWERED BY BLOGGER , DESIGN BY WDBLOOG