Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Cara pertama : Membagi halaman untuk Postingan Tertentu

Cara Membagi Postingan Blogger (blogspot) Menjadi Beberapa Halaman


Cara pertama untuk membagi halaman, silahkan Sobat terapkan kode berikut ini di halaman membuat postingan, tetapi saat membuat dan menayangkan postingan itu Sobat harus merubahnya terlebih dahulu ke dalam mode HTML. 

Selanjutnya, silahkan Sobat copy scrib kode berikut ini. 



<span class="content1">

<!-- Bagian 1 Tulisan di Sini -->

</span>


<span class="content2" style="display:none">

<!-- Bagian 2 Tulisan di Sini -->

</span>


<span class="content3" style="display:none">

<!-- Bagian 3 Tulisan di Sini -->

</span>


<span class="content4" style="display:none">

<!-- Bagian 4 Tulisan di Sini -->

</span>


<p><b>Pages: <span style="color: #3d85c6;">

<a href="#" class="page1">1</a>

<a href="#" class="page2">2</a>

<a href="#" class="page3">3</a>

<a href="#" class="page4">4</a></span></b></p>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>

jQuery(document).ready(function(){

jQuery('.page1').click(function(){

jQuery('html,body').animate({ scrollTop: 0 }, 0);

jQuery('.content1').show();

jQuery('.content2').hide();

jQuery('.content3').hide();

jQuery('.content4').hide();

return false;

});

jQuery('.page2').click(function(){

jQuery('html,body').animate({ scrollTop: 0 }, 0);

jQuery('.content1').hide();

jQuery('.content2').show();

jQuery('.content3').hide();

jQuery('.content4').hide();

return false;

});

jQuery('.page3').click(function(){

jQuery('html,body').animate({ scrollTop: 0 }, 0);

jQuery('.content1').hide();

jQuery('.content2').hide();

jQuery('.content3').show();

jQuery('.content4').hide();

return false;

});

jQuery('.page4').click(function(){

jQuery('html,body').animate({ scrollTop: 0 }, 0);

jQuery('.content1').hide();

jQuery('.content2').hide();

jQuery('.content3').hide();

jQuery('.content4').show();

return false;

});

});

</script>



Sebaiknya Sobat tidak meng - klik "Pratinjau" (Preview) tetapi langsung saja Sobat publikasikan (publish). 


Cara di atas itu sudah aku coba dan berhasil, dan selanjutnya cara kedua adalah kode scrib membagi halaman secara otomatis.



Bahan bacaan : 1,


 

 Kembali

Halaman
1234
@ Warkasa1919.my.id, All rights reserved.

Posting Komentar untuk "Cara pertama : Membagi halaman untuk Postingan Tertentu"