Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian )

MP4U - Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian ) Isu yang dalam bahasa Inggis-nya disebut "Split lengthy blogger post into multiple pages" bukan hal asing bagi pengguna blog selfhosting Wordpress karena ada pluginnya : Splitter Plugin WP ini "Automatically split a post into pages by adding a `nextpage` tag, with html validity maintenance" ( secara otomatis membagi posting kedalam beberapa bagian ( halaman / Pages ) dengan menambahkan tag "nextpage" dalam kode html ) ..

TULISAN atau posting panjang di blog blogspot ( long blog post ) .. bisa dibagi menjadi dua-tiga atau lebih bagian ( halaman / page ) .. tanpa harus mengubah permalinknya .. Kita nanti tambahkan "Page 2" atau "Next Page" di tiap bagian akhir tulisan yang dipenggal itu ..

Nah, Pertanyaan-nya bagaiman dengan blog yang di blogspot ?? Tidak ada widget instant ataupun plugin .. Blogger juga "gak ngajarin" tuh soal ini .. Tapi, MP4U menemukan isu "split long blog post" untuk blogger ini di Blognya CB yang di dapat dari Rushly Written dan Tripo Soft

Namun, sebelumnya harap diingat .. "blog posts split" atau pembagian posting menjadi dua halaman atau lebih ini tidak berpengaruh pada Pageviews .. Artinya, tidak menambah jumlah Pageview .. Sebab url atau permalinknya sama .. Ok Kita Langsung Aja .. Dibawah ini cara buat nya ..

Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian )



1. Pisahkan atau bagi posting Anda kedalam DIV atau SPAN dan tambahkan "class attribute" di dalamnya .. Contohnya seperti di bawah ini .. Ini contoh posting yang dibagi tiga bagian / 3 halaman .. Note Dilakukan di Mode HTML Bukan Compose ..

<div class="content_1">
//Bagian pertama posting di sini!
</div>
<div class="content_2" style="display:none;">
//Bagian kedua posting di sini!
</div>
<div class="content_3" style="display:none;">
//Bagian ketiga posting di sini!
</div>

2. COPAS kode berikut ini di bawah kode di atas ..

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

3. COPAS juga kode berikut ini di bawah kode no. 2 .. dan Perhatikan catatan yang ada setelah kode yang warna Putih !!!

//add jQuery library <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"> </script> //Jika di template blog Anda sudah ada kode jQuery yang seperti ini maka gak usah lagi ditambahkan ..

<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>


udah cuma itu dan cuma segitu aja .. sangat mudah bukan ?? .. selamat mencoba .. jika kurang faham dalam penyampaian-nya .. silahkan berkomentar bagian mana yang tidak faham-nya .. dan untuk demo nya / hasil pembuatan nya .. bisa sobat lihat pada postingan sebelum nya » 100 Daftar Tangga Lagu Pop Indonesia Terbaru Dan 22 Lagu Terbaru Dan Terpopuler Update 16 Desember 2016 « ..



Tag : #Tutorial, #Tutorial Blog, #Blog, #Blogspot, #Cara, #Cara Buat, #Cara Membuat, #Cara Ngebuat, #Cara Membagi Postingan Di Blogspot Menjadi Beberapa Halaman ( Beberapa Bagian )



Before you continue reading, it is necessary to underline that what is written is only a reference! so if there are errors in words and delivery methods, please understand! and below the recommendation article for you!


Content Disclaimer!

  • I as the owner of "BlogCaraOcha" thank you to all loyal readers, and those who accidentally stopped by here.

    And I apologize if there are many advertisements on the homepage or in the post.

    After "BlogCaraOcha" is accepted as a Google publisher, Google automatically places all advertisements.

  • If the content on "BlogCaraOcha" has similarities with other sites or blogs, it only provides a reference to each other by spreading the word in a simple article.

    With the aim, all internet visitors can easily and freely which if the article is easy to understand.

    In addition, so that readers can easily find what is on the search, with content that can provide content in surfing the internet!

  • All images posted in the article are not 100% owned by "BlogCaraOcha" but are taken from Google Search.

    So if there are similarities with the images on other sites, it is only for illustration only (to decorate the storyline as outlined in the article).

    For some of the images here, they are purely self-created, with the same purpose as illustration only.

    However, if there are inappropriate images and ask to be removed, please provide more detailed information via the contact at "BlogCaraOcha"

  • For content that discusses the product review or tutorial, if there are errors, please be advised that it may be an error in typing words or lacking in detail reviewing.

    So if there are typos and results that are not appropriate, can provide input where the location of the error or lack, so that the content is immediately deleted or corrected.

    But before submitting, try to see between the date / year the post was published with the current date / year.

    Because it could be other times what the written policy has changed.
  • '