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.
Isu yang dalam bahasa Inggis 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) dengan menambahkan tag "nextpage" dalam kode html.)
Nah, bagaiman dengan blogspot? Tidak ada widget instant ataupun plugin. Blogger juga "gak ngajarin" tuh soal ini. Tapi, CB menemukan isu "split long blog post" untuk blogger ini di Rushly Written dan Tripo Soft.
Isu yang dalam bahasa Inggis 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) dengan menambahkan tag "nextpage" dalam kode html.)
Nah, bagaiman dengan blogspot? Tidak ada widget instant ataupun plugin. Blogger juga "gak ngajarin" tuh soal ini. Tapi, CB menemukan isu "split long blog post" untuk blogger ini di Rushly Written dan Tripo Soft.
DEMO POSTING YANG DIBAGI 3 HALAMAN
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. Sebabnya, url atau permalinknya sama.
Ini dia Cara Membagi Tulisan Panjang Menjadi Dua Bagian di Blog
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/halaman. Dilakukan di Mode HTML.
<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>
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. Tambahkan kode berikut ini di bawah kode di atas.
<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>
<a href="#" class="button_1"> 1</a>
<a href="#" class="button_2"> 2</a>
<a href="#" class="button_3"> 3</a></p>
3. Tambahkan juga kode berikut ini di bawah kode no. 2. Perhatikan catatan yang ada setelah kode yang warna merah! Jika di template blog Anda sudah ada kode yang seperti ini maka tidak usah lagi ditambahkan
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.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>
</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>
Bingung? nah ini ada Video Tutorial
Posting cara memotong, memenggal, atau membangi posting panjang menjadi beberapa bagian / halaman ini "sekadar" menjawab pertanyaan yang masuk di kotak komentar
0 Response to "Membagi Postingan Panjang dibagi Menjadi Beberapa Halaman/Page"
Post a Comment