Cara Membuat Pemisah Halaman Pada Satu Post Di Blogspot

Atom

div[class*=cton]{display:none}
.pagin button{background:#FFF !important;border:1px #666 solid !important;border-radius:4px !important}
.pagin .selectNow{background:#F7059A !important;color:#FFF !important}

$('div[class*="cton"]').hide();
$('.cton1').show();
$('.pagin').on('click', 'button', function(){
   var a=$(this).val();
   $('div[class*="cton"]').hide();
   $('div[class="cton'+a+'"]').show();
   $('.pagin button').removeClass('selectNow')
   $(this).addClass('selectNow');
 var b=$('.post-title').offset();
 $('html,body').animate({scrollTop: b.top}, 400);
});

<div class="cton1">
 Konten post halaman 1
</div>
<div class="cton2">
 Konten post halaman 2
</div>
<div class="cton3">
 Konten post halaman 3
</div>
<div class="cton4">
 Konten post halaman 4
</div>
<div class="pagin">
 Halaman: 
 <button class="selectNow" value="1">1
<button value="2">2
 <button value="3">3
 <button value="4">4
</div>

• Tweet
• Share
• Share
• Share
• Share

Penulis

Andika Hermansyah

I'm a professional Freelancer specializing in Web Developer, Design, Programming web applications (HTML5, CSS3, PHP, JQuery). I'm also has a passsiont on Photography (Landscape) and Gaming. Follow me on Twitter @AndikaTanpaH

Related Post