Membuat Postingan Blog Menjadi Beberapa Bagian Pada Blog

Tanky Street

Pertama silahkan kalian login ke akun blogger kalian dan masuk pada menu Tema kemudian pilih edit html .
Setelah masuk pada halaman edit html, silahkan kalian cari kode </body> dengan cara menekan tombol CTRL+F dan ketikan perintah </body> lalu tekan enter .
Salin dan tempelkan kode dibawah ini tepat diatas kode </body>.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

<script style="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').show('slow');
jQuery('.content_2').hide('slow');
jQuery('.content_3').hide('slow');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').hide('slow');
jQuery('.content_2').show('slow');
jQuery('.content_3').hide('slow');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').hide('slow');
jQuery('.content_2').hide('slow');
jQuery('.content_3').show('slow');
return false;
});
});
</script>

Jika kode yang saya berikan warna Merah sudah terpasang pada blog kalian, maka kode tersebut jangan kalian pasang lagi.
Klik tombol Simpan Tema, untuk menyimpan setelan yang telah kalian buat.
Langkah selanjutnya silahkan kalian buat entri atau postingan baru, setelah berada pada halaman pembuatan artikel, kalian arahkan pada mode Html terlebih dahulu.

Kemudian copy dan pastekan Kode dibawah ini tepat pada bagian mode html tersebut.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140<!--to posting page -->
<div class="content_1">
DISINI POSTING HALAMAN PERTAMA
</div>

<div class="content_2" style="display:none;">
DISINI POSTING HALAMAN KEDUA
</div>

<div class="content_3" style="display:none;">
DISINI POSTING HALAMAN KETIKA
</div>

<p style="font-weight:bold;">Pages: 
<a href="#" class="button_1"> 1</a>
<a href="#" class="button_2"> 2</a>
<a href="#" class="button_3"> 3</a></p>

Kode yang berwarna Merah , silahkan kalian ganti dengan isi postingan artikel kalian
Setelah semua postingan atau isi artikel telah kalian buat dan disesuaikan dengan kode diatas,silahkan kalian publikasikan artikel tersebut dan lihat hasilnya.
Semoga bermanfaat...

Read Also

Share this post

Get Link Facebook Messenger Whatsapp Whatsapp Twitter Telegram Linkedin Tumblr Pinterest

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://tankystreet.blogspot.com/. Terima kasih.