Langsung ke konten utama

Cara Membuat Tombol Next Page Dengan Angka di Blog

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 Blog Krizeer

----------------------------------------------- */

.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 BlogKrizeer.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

5.Kemudian 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.
Sumber: http://blogkrizeer.blogspot.com/ Cara Membuat Tombol Next Page Dengan Angka di Blog - Blog Krizeer.html

Komentar

Posting Komentar

Berkomentarlah dengan baik-baik, tidak nyepam dan SARA, link aktif yang dipaksakan akan membuat anda di banned permanen, jadi mari kita berbagi dengan komentar-komentar sehat, dan bermanfaat, silakan berkomentar di bawah, secepatnya akan saya jawab, Salam..

Postingan populer dari blog ini

Cara Membuat Logo TRANS TV dan TRANS7 Terbaru! dengan Coreldraw

negripelosok.blogspot.com – Tutorial CorelDraw kali ini saya mencoba membuat logo stasiun televisi yang cukup terkenal di Indonesia yaitu Trans 7 dan Trans Tv. Emang sih keliatan logo ini sangat rumit tapi mudah ko...Sebelum ke pokok permasalahannya saya ingin berbagi info sedikit tentang logo baru Transtv dan Trans7. Pada, 15 Desember 2013, TRANS CORP resmi meluncurkan logo baru on air dari TRANS TV dan TRANS 7. Bertepatan pada pesta “12 TRANS untuk Indonesia, sekitar pukul 21.00 WIB, logo TRANS TV dan TRANS 7 resmi di luncurkan  dari SICC-Sentul, Jakarta. Kini logo “TRANS” pada TRANS TV dan TRANS 7 sama dengan yang digunakan TRANS MEDIA. Masing-masing warana dalam logo ini memiliki makna dan filosofi. Warna kuning sebagai cerminan warna keemasan pasir pantai yang berbinar dan hasil alam nusantara sekaligus melambangkan optimisme masyarakat Indonesia. Warna hijau mengambarkan kekayaan alam Indonesia yang subur, serta memiliki ketangguhan sejarah bangsa. Warna biru melamba...

Cara Membuat Logo Google Terbaru dengan Coreldraw

negripelosok.blogspot.com- Pada tutorial kali ini kita akan belajar  Cara Membuat Logo Google Terbaru dengan Coreldraw, langsung aja ikuti beberapa langkah mudah Tutorial CorelDraw dibawah ini: Sebelum kita membuat objek yang diinginkan, pertama Anda harus membayangkan bentuk dari objek yang akan dibuat Cara Membuat Logo Google Terbaru dengan Coreldraw 1.    Buka aplikasi CorelDraw dan pilih new blank document 2.    Lihat di property bar, atur kertas menjadi A4 dan ubah unit menjadi centimeter 3.    Klik Ellipse Tool (F7), lalu buat 2 buah lingkaran dengan diameter masiing-masing 6x6 dan 10x10. 4.    Blok semua lingkaran Tekan huruf  P  pada keyboard agar semua lingkaran membentuk seperti gambar dibawah 5.    Klik Rectangle tool kemudia buat objek persegi panjang, kemudian klik dua kali pada objek tsb sehingga node node yang ada di sudut persegi panjang dan bisa diputar, putar seh...

Cara Membuat Logo yang Ada di Seragam NET TV

Cara Membuat Logo yang Ada di Seragam NET TV -Pada tutorial Coreldraw kali ini saya akan mencoba berbagi cara membuat logo NET TV. Logo ini yang akan kita buat ini merupakan logo yang ada pada seragam kerjanya karyawan NET TV. Biasanya logo ini terletak pada bagian bahu kanan seragamnya NET. Cara Membuat Logo  yang Ada di Seragam NET TV 1. Buka corel seperti biasanya lalau tekan Ctrl+N 2. Buat garis tegak lurus dengan menggunakan Bezier Tools , garis ini yang akan kita jadikan mirror. 3. Lalu buat bentuk seperti dibawah ini dengan menggunakan Bezier Tools lagi. 4. Perhatikan bidang yang beroutline merah, dan yang hitam adalah Mirror yang tadi kita buat pertama kali. Setelah anda buat bangun seperti itu, lalu klik Shape Tool, kemuadian seleksi semua node yang terlihat pada bangun beroutline merah, klik convert to curve ,kemudian sesuaikan curvenya menjadi seperti gambar dibawah ini. 5. Kemudian klik Smart Fill Tool untuk member warna 6. Lalu copy mirror bagi...