Kamis, 09 Agustus 2012

Cara Mudah Rubah Older Post

adverticement
Cara ganti Older Post - Newer Post dengan Angka . Disini akan sedikit dibahas tentang bagaimana cara merubah atau mengganti link Older Post dan Newer Post dari blog Anda menjadi tampilan angka dengan cara yang mudah.

Sebenarnya  tidak harus dirubah dengan angka saja kita juga bisa mengganti dengan icon atau gambar apapun yang kita sukai. gambar atau icon yang biasa dipakai untuk merubah Older Post dan Newer Post di blogspot kita adalah tanda panah ke kanan dan ke kiri.

Namun pada kesempatan kali ini akan dibahas tentang bagaimana merubah Older Post dan Newer Post dengan angka seperti tampak pada gambar di bawah ini.

Cara Rubah Older Post

Page (45) menunjukkan banyaknya halaman atau page pada suatu blog. sedangkan 1 - 6 menunjukkan halaman ke 1 sampai ke 6 dan jika kita ingin telusur lebih lanjut klik Next.

Dengan merubah Older Post dan Newer Post menjadi angka maka kita memudahkan pengunjung setia blog kita menelusuri konten blog kita perhalaman. disamping itu juga memudahkan blog walker ataupun lainnya untuk melihat isi dari artikel-artikel yang kita tulis.

Bagaimana cara membuat Older Post dan Newer Post dengan Angka?

1. Login/masuk ke blogspot.com
2. Pada menu klik Template dan klik Edit HTML
3. Biar aman backup dulu template anda dengan klik Download Full Template (hal ini berguna ketika terjadi kesalahan atau perubahan yang tidak kita inginkan nantinya)
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode Photobucket
5. Masukkan kode di bawah ini di atasPhotobucket

 .showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

6.kemudian cari kode Photobucket dan taruh script dibawah ini sebelum kode tersebut.

Photobucket

7. Selesai dan Taarrraaaa Older Post dan Newer Post blog Anda sudah berubah dengan Angka. Selamat mencoba.

semua script diatas bisa di download di Script OlderPost

Ida Qurotulainis

tips ngeblog tim

2 komentar:

  1. Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

    BalasHapus

 

Copyright @ 2013 Tips ngeBlog.