Cara Membagi Artikel Postingan Menjadi Satu Dua Tiga Halaman Pada Blogspot

CARA MEMBAGI ARTIKEL POSTINGAN MENJADI SATU DUA TIGA HALAMAN PADA BLOGSPOT - Artikel yang terlalu panjang, kadang membuat pengunjung merasa bosan harus membaca satu artikel hingga kebawah. Untuk itu mengatasi hal tersebut maka satu halaman artikel dapat di bagi menjadi beberapa halaman. Hal ini juga dilakukan oleh website terkenal seperti detik.com, liputan6.com serta blog terkenal lainnya.

Selain itu, katanya dengan membagi artikel menjadi beberapa halaman akan berdampak baik untuk SEO. Contoh tampilannya dapat dilihat pada gambar dibawah ini :

LANGKAH - LANGKAH MEMBAGI POSTINGAN MENJADI BEBERAPA HALAMAN PADA BLOGSPOT

1. Letakan kode di bawah ini di atas </head>

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

<script src='https://cdn.rawgit.com/Brando07/share/newbe/multiple-pages-SEOCIPS.js' type='text/javascript'></script>

<style>

.post-pagination { margin:40px auto; text-align:center; width:100%; float:left; }

.button_1,.button_2,.button_3 { border:2px solid #f4655f; font-weight:900; padding:6px 36px; color:#f4655f; transition:ease 0.69s !important; }

.button_1:hover,.button_2:hover,.button_3:hover { background:none repeat scroll 0 0 #f4655f; color:#fff; text-decoration:none; }

</style>

Jika kode yang berwarna biru telah ada pada Template Anda, maka hapus saja. Sebelum menyimpan, silahkan lihat Pratinjau terlebih dahulu.

2. Kembali ke halaman Postingan Anda, tapi pastikan Anda telah membuat postingan sebelumnya. Lalu masuk ke Mode HTML. Masukan kode di bawah ini :

<div class="content_1">

Masukan artikel Anda yang ke 1

</div>

<div class="content_2" style="display: none;">

Masukan artikel Anda yang ke 2

</div>

<div class="content_3" style="display: none;">

Masukan artikel Anda yang ke 3

</div>

<div class="post-pagination">

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

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

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

</div>

Ganti tulisan yang diberi warna biru dengan artikel yang telah kamu bagi, sedangkan untuk yang diberi tanda pagar silahkan ganti dengan alamat Url Postingan Anda. Pastikan Anda tidak mengganti ke Mode Compose, lalu Publikasikan artikel Anda. Selamat mencoba ya..😊

Sumber : Seocips.com