Monday, 19 January 2015

Cara Membuat Tombol Next Page Dengan Angka di Blog



Cara Membuat Tombol Next Page Prev Dengan Angka di Blog Seperti Template Fastest Magz - Tombol next page ini sama fungsinya dengan tombol next page, previous, dan home yang terdapat pada bagian bawah postingan, namun yang satu ini kita merubah itu semua dengan angka, tujuan nya agar para pengunjung lebih mudah menjelajahi isi dari blog sobat. Tombol next page yang satu ini berbeda dengan tutorial blogger lainnya, karena mungkin tutorial ini belum pernah ada yang share dan CSS nya saya ambil dari template Fastest Magz, dan kode JavaScript nya saya ambil dari beberapa sumber. Dan saya upload ulang alamat javascript nya untuk mencegah apabila, hosting di google code dihapus, ada baiknya sobat upload ulang untuk mencegah terjadinya error.

Cara Membuat Tombol Next Page Dengan Angka di Blog:
1. Login ke blogger.com
2. Pada dashboar -> template -> klik edit HTML
3. Kemudian tambahkan kode dibawah ini diatas ]]></b:skin> 
/* Tombol Next Page Dengan Angka by Nyiaran */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}
4. Kemudian cari kode </body>, dan tambahkan kode dibawah ini tepat diatasnya: 
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by nyiaran.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>
5. Simpan template

Catatan: silahkan sobat ganti angka "4", dan kata "Prev" dan "Next" yang saya kasih tanda kuning sesuai keinginan sobat. Angka 4 pertama itu akan menunjukan jumlah post yang ingin ditampilkan ketika mengklik salah-satu nomor pada tombol next page tersebut, dan angka 4 kedua akan menampilkan jumlah nomor yang ingin sobat tampilkan pada homepage blog sobat.

Share this article with your friends
Anda sedang membaca artikel tentang Cara Membuat Tombol Next Page Dengan Angka di Blog dan bila berkenan Anda bisa share artikel Cara Membuat Tombol Next Page Dengan Angka di Blog ini dengan tombol share di bawah. Bila Anda bermaksud COPAS artikel Cara Membuat Tombol Next Page Dengan Angka di Blog untuk diposting di blog Anda, mohon untuk meletakkan link Cara Membuat Tombol Next Page Dengan Angka di Blog sebagai Sumbernya dengan mengcopy kode di bawah ini.

Penulis: arfan

Artikel Cara Membuat Tombol Next Page Dengan Angka di Blog , ditulis oleh arfan pada Monday, 19 January 2015 . Semoga artikel ini dapat menambah wawasan kalian. Jika kalian ingin menyebarkan postingan dari arfan mohon dengan sangat untuk mencantumkan sumber. Terima Kasih

No comments :

Emoticon

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))

Post a Comment

bagi pengunjung wabseit ini diharapkan silakan meninggalkan jejak komentar di wabseit ini,dengan peraturan :

1.diusahakann berkomentar sesuai dan berkaitan dengan artikel di postingan ini.
2.jika pengunjung ingin berkomentar yang lain dari isi postingan tersebut silakan gunakan kata (oot) di belakang kalimat komentar.
3.dilarang berkomentar dengan lingk aktif

Visitor

Flag Counter

Total layangan laman

Translate

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified