SOTAZONE.NET
Info Seputar Blogging

Cara Menciptakan Post Page (Pagination) Pada Blog

0 22
www.sotazone.net Pernahkah kalian menjumpai sebuah tombol “Post Page (Pagination)” saat kita membaca sebuah artikel pada salah satu blog/web? “Post Page (Pagination)” ini sering diletakkan pada bab selesai artikel, mirip yang terdapat pada blog-blog berplatform WordPress pada umumnya. Salah satu contohnya seperti yang terdapat pada gambar ini :

Post Page (Pagination) yang saya bahas disini bisa digunakan pada platform Blogger, kalau untuk WP bagaimana? Apakah mampu? Tentu saja bisa, namun bila memakai WP alangkah lebih baiknya menggunakan Plug-in yang sudah disediakan khusus untuk platform WP. Versi “Post Page (Pagination)” ini dikhususkan untuk para Blogger yang ingin memakai trik tersebut, hanya saja perbedaan Post Page (Pagination) ini tidak perlu pindah URL. Untuk demo nya mampu dilihat dibagian selesai pada artikel ini.

Nah, eksklusif saja kita praktekkan.

GUNAKAN JQUERY

Check terlebih dahulu apakah template anda sudah terpasang jQuery dibawah ini, bila belum silahkan dipasang.

GUNAKAN CSS

CSS yang digunakan menggunakan berbagai macam class, letakkan CSS dibawah ini tepat diatas kode ]]>
.post-pagination margin: 20px auto; text-align: center; width: 100%; .button_1, .button_2, .button_3 border: 2px solid #007bfd; font-weight: 900; padding: 6px 36px; color:#007bfd; transition:ease 0.69s !important; .button_1:hover, .button_2:hover, .button_3:hover background: none repeat scroll 0 0 #007bfd; color: #fff; text-decoration: none; .post-pagination margin: 20px auto; text-align: center; width: 100%; .button_1, .button_2, .button_3 border: 2px solid #007bfd; font-weight: 900; padding: 6px 36px; color:#007bfd; transition:ease 0.69s !important; .button_1:hover, .button_2:hover, .button_3:hover background: none repeat scroll 0 0 #007bfd; color: #fff; text-decoration: none;

GUNAKAN JAVASCRIPT

Javascript dibawah ini mampu diletakkan diatas aba-aba

SIMPAN TEMPLATE ANDA

Setelah memasang jQuery, CSS dan Javascript maka simpan template anda.

Dari sini anda sudah mempunyai ke 3 komponen yang diperlukan untuk membuat Post Page (Pagination)

MEMBUAT ARTIKEL

Selanjutnya buatlah artikel dengan menanamkan isyarat dibawah ini dalam mode HTML (bukan mode Compose)
Teks pada Halaman 1 letakkan disini
1 2 3

PUBLIKASI ARTIKEL

Jika dirasa sudah akhir membangun Post Page Pagination, maka silahkan publikasi artikel anda.

Hasil tamat atau Demo pada tutorial Post Page Pagination bisa dilihat pada pesan-pesan singkat dibawah ini:


Ini ialah contoh halaman pertama, kau bisa menaruh beberapa teks disini, bahkan kamu juga mampu menyertakan arahan kode HTML didalamnya. Silahkan klik tombol nomor 2 untuk lanjut ke halaman 2

1 2 3

Leave A Reply

Your email address will not be published.