• Translate

5/12/2015

Cara Membagi Posting Blogspot Menjadi Beberapa Halaman

Tutorial Blogspot |

Advertisement

Cara Membagi Posting Blogspot Menjadi Beberapa Halaman | sebenarnya cara ini sudah ada bagi sobat yang menggunakan dan membuat blog dengan wordpress atau joomla, karena pada wordpress dan joomla sudah memiliki fitur untuk membagi postingan menjadi beberapa halaman, dan jangan heran kalau pengguna wordpress dan joomla memiliki rangking alexa yang tinggi padahal visitornya tidak banyak.

Dengan fitur ini, pageviews (PV) blog menjadi lebih tinggi, karena untuk satu postingan bisa dibagi menjadi beberapa halaman, untuk contoh yang sudah saya lakukan silahkan lihat postingan saya yang sudah saya bagi menjadi 3 bagian (pageviews) pada judul "Meningkatkan Daya Tahan Baterai iPad". bagaimana apa sobat sudah melihat hasilnya? 

Untuk para bloggers jangan berkecil hati karena blogspot belum mempunyai fitur ini, hal ini bisa kita siasati secara manual walaupun agak ribet. saya saja 2 x percobaan baru berhasil. membagi postingan menjadi beberapa halamana sangat bermamfaat untuk merampingkan alexa rank dan juga membuat pengnjung betah berlama-lama diblog sobat karena pasti banyak pengunjung merasa bosan apabila artikel atau postingan sobat terlalu panjang.

biar sobat tidak penasaran silahkan ikuti langkah-langkah Cara Membagi Posting Blogspot Menjadi Beberapa Halaman.

► Tambahkan Script berikut pada template blog diatas kode </body>
<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>

Perhatikan Script yang saya beri warna diatas, apabila blog sobat sudah memiliki script sejenis atau lebih tinggi, maka script diatas dihapus saja. jika sudah di copy-paste script diatas, save template.

langkah berikut silahkan lihat halaman 2.
► Buat postingan terlebih dahulu, atau bisa juga dengan mengedit postingan yang sudah ada. Pada halaman postingan pilih Menu mode HTML kemudian bagilah postingan dengan menambahkan DIV atau SPAN dengan menambahkan attribut CLASS.

Pada blog ini dicoba memakai DIV CLASS, berikut contoh nya :

<!--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>
► Untuk menampilkan tombol halamannya, masih dalam mode HTML, tambahkan kode berikut dibawah postingan tadi setelah </div> konten terakhir (misalnya content_3), berikut script tombolnya:
<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>
atau sobat juga bisa menampilkan tombol berbentuk gambar(image), berikut scriptnya yang sudah saya modifikasi :
<!--button on alltutorials html-->
<div style="font-size: 22px; font-weight: bold;">
Halaman : <a class="button_1" href="#">
<img height="25" src="http://2.bp.blogspot.com/-uw7bKltgMkQ/VLDn7xNDOuI/AAAAAAAACnw/njkt_4kOMm0/s1600/1.png" title="page posting 1" width="25" /></a>&nbsp;<a class="button_2" href="#"><img height="25" src="http://2.bp.blogspot.com/-6awTr_uIiy8/VLDn8DXAVlI/AAAAAAAACn4/e5vpCol4vhk/s1600/2.png" title="page posting 2" width="25" /></a>&nbsp;<a class="button_3" href="#"><img height="25" src="http://4.bp.blogspot.com/-
x7TFtw7YNK0/VLDn8H_xs3I/AAAAAAAACn0/681_f2L8gOA/s1600/3.png" title="page posting 3" width="25" /></a></div>

Setelah semua selesai, tinggal sobat publikasikan atau update postingannya. selesai juga kita membuat Cara Membagi Posting Blogspot Menjadi Beberapa Halaman. semoga bermamfaat,

Salam bloggers,


Disclaimer: Images, Content of articles or videos that exist on the web sometimes come from various sources of other media. Copyright is fully owned by the source. If there is a problem with this matter, you can contact us here.
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box