Cara Membuat Navigasi Halaman, Seperti pada Blog ini

Tips dan triks blog yang ingin Trik Bloger bagikan hari ini adalah bagaimana cara membuat navigasi nomor halaman pada blogspot. Navigasi nomor halaman yang saya maksud adalah nomor halaman yang ada di homepage blog kita. Biasanya pada homepage hanya berisi tulisan 'posting lama' - 'posting baru' dan 'home'. Jadi, disini kita akan memodifikasi sedikit.

Beberapa fungsi memasang navigasi nomor halaman pada homepage adalah :

Mempermudah pengunjung untuk melihat artikel-artikel kita yang sebelumnya
Mempercantik tampilan

Login ke dashboard blogger. pilih Template

Klik Gambar Untuk Memperjelas

Pilih Rancangan »» edit HTML

Klik Gambar Untuk Memperjelas

Beri tanda centang pada tulisan Expand Template Widget

Cari Kode ]]></b:skin> gunakan CTRL+F
Copy lalu paste kode CSS berikut diatas ]]></b:skin>

/* Page Navigation styles */
.showpageNum a

{ padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px 1px 1px 1px solid #CEE3F6;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #CEE3F6; }

.showpageOf

{ margin:0 8px 0 0; }

.showpageNum a:hover

{ border:1px 1px 1px 1px solid #81BEF7;

background: #58ACFA; }

.showpagePoint

{ color:#fff; text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px 1px 1px 1pxsolid #01DF01;

background: #088A08;

text-decoration: none; }

Kemudian cari kode </body> dan letakkan kode dibawah ini, diatas kode </body>

Langkah Terahir klik Simpan Template

Coba lihat hasilnya.. jika ada pertanyaan silahkan tanyakan kepada admin Trik Bloger lewat kolom komentar di bawah.

Rekomendasi Post

Cara Berkomentar untuk yang tidak memiliki blog:
1. Klik select profile --> pilih Name/URL
2. Isi nama kamu dan Kosongkan URL atau isi dengan alamat fb kamu
3. Klik Lanjutkan
4. Ketik komentar kmau
5. Masukan kode yang muncul dan Klik Publish