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

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

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

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

    مواضيع قد تهمك ايضا

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

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

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

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

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

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

    Mohon Aktifkan Javascript!Enable JavaScript



    إتصل بنا

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