Merubah halaman blog menggunakan Nomor atau Angka


Sudah lama keinginan untuk membuat halaman blog dengan versi menggunakan angka atau nomor, sebagai seorang netter yang gemar membuat blog, tentu merasa bosan melihat tampilan halaman blog Sobat, termasuk blog yang Saya punya dengan tampilan standar/original atau hanya menampilkam link Older Post dan Newer Post namun, funsin dan letaknya sama di malaman blog, tidak berubah. Apalagi kita sebagai pecinta blog yang menggunakan template gratisan, paling banyak digunakan oleh peblogger seperti “Blogger dan WordPress”. Walaupun peblogger Blogger Blogspot dengan template gratisnya, namun pada template ini, bisa diobok-obok alias bisa di edit code HTML nyan asalkan sudah faham betul tentang edit Template HTML. Bedanya setelah terpasang, berubah  halaman blog menjadi halaman berurutan dari angka 1 hingga angka 9 atau seterusnya tergantung berapa banyaknya halaman blog Sobat. Di sini Sobat bisa merubah jumlah halaman dan halaman yang ingin ditampilkan pada code ini.

Seperti code untuk jumlah halaman, var pageCount=15; Ini jumlah seluruh halaman, sedangkan code untuk jumlah tampilan seperti:  var displayPageNum=8;

Jika para peblogger yang bertempat tinggal di WordPress ini, akan menemui kesulitan untuk membuat halaman versi angka/nomor, hanya beberapa template WordPress saja yang menggunakan dengan halaman angka, seperti contoh yang saya gunakan dengan templat ini.

Pada code ini/ code HTML/JavaSript sudah terpasang pada edit  Code Template HTML, untuk memudahkan dalam satu kali editan. Jadi perlu repot-repot menambah lagi Add a Gadget, karena dalam membuat halaman angka dengan cara Edit HTML sudah terbukti aktif dan berfungsi.

Ingin membuktikan? Silahkan Copy code HTML di bawah:

Pada code ini/ code HTML/JavaSript sudah terpasang pada edit  Code Template HTML, untuk memudahkan dalam satu kali editan. Jadi perlu repot-repot menambah lagi Add a Gadget, karena dalam membuat halaman angka dengan cara Edit HTML sudah terbukti aktif dan berfungsi.

Ingin membuktikan? Silahkan Copy code HTML di bawah:

Sebelum melakukan CoPas!

  1. Sebaiknya Sobat pergi ke Blogger untuk Login
  2. Langsung ke Dashboard dan Template klik Edit HTML, jika para Sobat menggunakan dua versi, lihat gambar di bawah Dashboard lama dan Dashbord baru

Dashboard versi lama

Tampilan Dashboard lama

Tampilan Dashboerd baru

Terserah kebiasaan Sobat dalam mengedit HTML, apakah ingin klik centang  Expand template widget atau tidak! Ini bukan suatu kewajiban, yang penting suda tahu caranya.

3.  Cari kode  ]]></b:skin> Kemudian Copy dan paste berikut kode CSS tepat diatas kode  ]]></b:skin>

 

Untuk memudahkan, sebaiknya tekan Ctr+F, copy code ]]></b:skin> ini, lalu paste pada kolom setelah menekan Ctrl+F tadi, lalu klik Find Next, lihat tulisan yang berwarna hijau di halaman Edit HTML  blog Sobat.

/* — NUMBER PAGE NAVIGATION — */
.showpageNum a{font:15px Arial,Verdana;padding:4px 8px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#dfdfdf;color:#686868;border:1px solid #989898}
.showpageOf{margin:0 8px 0 0;color:#222;font:15px Arial,Verdana}
.showpageNum a:hover{color:#494949;background:#dfdfdf;border:1px solid #626262}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#434343;font:bold 15px Arial,Verdana;padding:4px 8px;margin:2px;border:1px solid #b6b5b5;background:#fff;text-decoration:none}

4.  Cari kode </body> kemudian Copy dan paste kode dibawah ini tepat diatas kode </body>

Keterangan ada di atas yang No 3

<!– PAGE NAVIGATION START–>
<script type=’text/javascript’>
var pageCount=15;
var displayPageNum=
8;
var upPageWord =’« ‘;
var downPageWord =’ »’;
</script>
<script src=’http://u-sup.googlecode.com/files/page_num.js&#8217; type=’text/javascript’/>
<!– PAGE NAVIGATION END–>

5. Cari code  seperti ‘data:label.url’ code ini harus diganti dengan code seperti  ‘data:label.url + &quot;?&amp;max-results=7&quot;’ copy dan paste.

Keterangan ada di atas yang No 3

Sebelum mengklik SIMPAN TEMPLATE sebaiknya klik terlebih dahulu PRATAMPIL/PREVIEW untuk membuktikan berfungsi atau tidak. Jika dalam PRATAMPIL dan mucul halaman angka yang Sobat edit tadi, baru klik  SIMPAN TEMPLATE. Ini, untuk menjaga bila ada kesalahan/error dalam mengedit, mudah edit ulang.

Klid Close/Tutup Template dan lihat hasilnya!

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s