Cara Membagi Satu Artikel Menjadi 2 Halaman


Berikut adalah Langkah - Langkahnya :

TAHAP PERTAMA

1. Login ke Akun Blogger milik sobat
2. Dasbor - Template - Edit HTML
3. Tempel Script berikut ini di antar tag <head> dan </head>

<script async='async' src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'/>

4. Setelah itu, tempel kode berikut tepat di atas ]]</b:skin>

.post-pagination {
     margin: 40px auto;
     text-align: center;
     width: 100%;
     float:left;
}
.button_1, .button_2, .button_3 {
     border: 2px solid #f4655f;
     font-weight: 900;
     padding: 6px 36px;
     color:#f4655f;
     transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
     background: none repeat scroll 0 0 #f4655f;
     color: #fff;
     text-decoration: none;
}

5. Tempel Javascript berikut di atas tag </head>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>

6.  SAVE. 
Untuk Tahap Pertama sudah selesai. Baca Tahap kedua ( Halaman Selanjutnya )



Itu dia CARA MEMBAGI HALAMAN DALAM SATU ARTIKEL.
Bagaimana menurut Sobat?
Jika ada yang mau ditanya, silahkan Komentar atau Hubungi Kami

Salam.

Sumber : https://addbloggerthemes.blogspot.com


12

0 Response to "Cara Membagi Satu Artikel Menjadi 2 Halaman"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel