Cara Buat Widget Page Navigation Cantik untuk Blogger

Hmm cape juga nih abis nulis beberapa artikel baik tutorial dan lain semacamnya, tapi demi memberikan pengetahuan yang banyak kepada sobat agar bisa belajar dan mengajar kepada yang lain. Jadi, Share-Tuts akan terus bersemangat dalam memajukan blog dan terus memberikan pengetahuan kepada sobat semua.

Kali ini Share-Tuts akan membuat artikel tutorial tentang Cara Buat Widget Page Navigation Cantik untuk Blogger. Sobat tau ngga apa itu Page Navigation, pasti tau dong yah para sobat blogger dengan yang namanya Page Navigation. Berikut cara atau langkah - langkah membuatnya.

1. Login ke Blogger
2. Pilih Rancangan atau Template (dalam halaman blogger yang baru)
3. Pilih Edit HTML
4. Cari kode yang seperti 'data:label.url' dengan cara tekan CTRL+F atau tekan F3 pada keyboard. Setelah dapat ubahlah kode tadi dengan kode dibawah ini :

'data:label.url + "?&max-results=6"'

NB : ubahlah kode yang berwarna merah jika sobat ingin menampilkan postingan sebanyak yang sobat mau.
5. Setelah kode tadi dimasukkan dan dirubah cari lagi kode </body> setelah dapat masukkan kode dibawah ini diatas kode </body> :

<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

NB : var pageCount artinya untuk memberikan seberapa banyak hitungan halaman yang dimasukkan. sedang kan var displayPageNum artinya seberapa banyak jumlah navigasi yang ingin sobat tampilkan.

Kalau sobat merasa Page Navigasinya biasa aja sobat bisa mengubahnya dengan lebih bagus seperti dibawah ini :

Navigasi Halaman Blogger Cantik – Lite Gray

Lihat Demo | Download Code

Navigasi Halaman Blogger Cantik – Black Mamba

Lihat Demo | Download Code

Navigasi Halaman Blogger Cantik – Dark Blue

Lihat Demo | Download Code

Navigasi Halaman Blogger Cantik – Sweet Orange

Lihat Demo | Download Code 

Navigasi Halaman Blogger Cantik – Shadowed Green Ruby

Lihat Demo | Download Code

Setelah didownload kode tadi lalu masukkan kode yang didownload keatas Download Code </body> seperti tadi kita masukkan sebelumnya. Gimana sobat tertarik membuat Page Navigation seperti ini.

Source : finderonly.net

Anda sedang membaca artikel tentang Cara Buat Widget Page Navigation Cantik untuk Blogger dan anda bisa menemukan artikel Cara Buat Widget Page Navigation Cantik untuk Blogger ini dengan url http://share-tuts.blogspot.com/2012/11/cara-buat-widget-page-navigation-cantik.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Buat Widget Page Navigation Cantik untuk Blogger ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :