POSTING SLIDE

aisyah

SUMBER : https://www.arlinacode.com/2016/04/membagi.konten.artikel.dengan.efek.slide.html
DI ATAS ]]></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{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}

DI ATAS </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>

CATATAN PENTING ;


          Untuk menambahkan halaman, ganti maxIndex=4 dengan angka tertentu. RIBUAN TAK APA , MISAL 2000 .

SIMPAN TEMPLATE

ISI POSTINGAN


            <div class="next-wrap">
  <div id="photocons" class="instruction">
    <div class="slidecontentWrap">
      <div class="slidecontent">
        <-- ISI KONTEN DI SINI -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN DI SINI -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN DI SINI -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN DI SINI -->
      </div>
      <div class="slidecontent">
        <-- ISI KONTEN DI SINI -->
      </div>
      </div>
      </div>
      <a class="movepg prever">prev</a>
      <a class="movepg nexter">next</a>
</div>

Membagi Konten Artikel Menjadi Beberapa Halaman Cookie powder icing halvah bear claw biscuit marzipan chocolate pie. Chocolate cake lemon drops liquorice gingerbread toffee chupa chups. Ice cream danish tiramisu gummi bears. Sesame snaps marzipan chocolate cake oat cake dessert bonbon tootsie roll croissant. Danish chocolate chocolate candy canes topping carrot cake cheesecake candy canes jujubes. Membagi Konten Artikel Menjadi Beberapa Halaman Sugar plum dessert sugar plum pudding sweet. Sesame snaps oat cake cupcake biscuit. Tootsie roll halvah sweet roll. Halvah gingerbread cookie pastry fruitcake croissant gingerbread gingerbread fruitcake. Jelly icing tiramisu marshmallow toffee chocolate fruitcake danish. Gingerbread sesame snaps gummies.