Cara Pasang Page 123 Navigation dengaN java script html

Postingan kali ini saya akan membahas bagaimana Cara Pasang Page 123 Navigation.
Pada template sobat pasti ada Page Navigation, tapi biasanya bentuknya standart, hanya berupa tulisan seperti

← Posting Lebih Baru                         Beranda                         Posting Lama →

Sepertinya bentuk Page Navigation seperti itu kurang praktis digunakan oleh pengunjung, karena pengunjung tidak bisa menjelajah dengan cepat di blog sobat.

Seperti gambar diatas Page 123 Navigation yang dimaksud judul diatas, seperti layaknya di Wordpress.
Script ini sudah dicoba dan berhasil dengan sukses.
Jika Sobat ingin memasang Page 123 Navigation seperti gambar diatas,
Berikut cara memasangannya :
Login ke Blogger klik Rancangan klik Elemen Laman klik Tambah Gadget yang berada di bawah Posting Blog → HTML/JavaScript
Kemudian copy paste kode berikut kedalamnya

<style type='text/css'>
.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;
}
</style>
<script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script>
<script style='text/javascript' src='http://imtikhan.googlecode.com/files/blogger-page-nav-v2.js'></script>

Jika sudah selesai SIMPAN jangan dikasih nama.

Kalau sobat tidak mau susah payah Edit HTML
ada cara yang lebih mudah dan simpel
silahkan klik link berikut http://bloggerplugins.org/
Lalu sobat cukup dengan mengganti tulisan Previous (Sebelumnya) dan Next (Selanjutnya), kemudian sobat klik Customize dan Add Widget to my Blog.
Kemudian drag dan drop ke Elemen Laman yang terletak dibawah Posting Blog.
Lalu SIMPAN dan lihat hasilnya.

Semoga bermanfaat

Mungkin yang anda cari :

blog

• Cara Buat Background Judul Widget/Gatget blog
• Cara Buat Tombol Back To Top di Blogspot
• Cara Membuat Custom URL Permalink Blogger SEO Friendly
• Cara Buat Breadcrumb Seo Friendly di Blog
• Cara Membuat Breadcrumbs Terindex / Di indeks Google
• Cara Buat Bintang Jatuh dari Kursor
• Cara Membuat Burung Twitter Terbang Di Blogspot
• Beritahu Google Untuk Menjelajahi (Crawl) Blog Kamu
• Cara Buat Tombol Share Dengan Efek jQuery Nudging
• SEO | Kumpulan Tips Trik & Info | Tools & Add-Ons
• .EDU Backlink | Cara Mendapatkan Backlink Dofollow Gratis
• Alexa Rank | Cara Meningkatkan Ranking Alexa
• cara membuat 123 Page Number Navigation for Blogger
• Cara membuat dan memasang KATEGORI BlogSPOT dengan Background Animasi
• Cara Membuat Background Animasi pada Judul Posting
• Cara Membuat Recent Comment Avatar
• Cara Mudah Membuat Kotak Komentar Facebook
• Cara Mematikan Tombol Ctrl A Ctr C dan Disable Klik Kanan | Anti Copas
• Cara Membuat Blog Agar Tidak Bisa Di Copy Paste
• Cara Membuat Menu Navigasi Dengan Animasi
• Cara Membuat Colorful JQuery Menu Untuk Blog
• Cara Membuat Menu Horizontal Drop Down Animasi Untuk Blog
• Cara Membuat Tombol Back To Top Dengan jQuery
• Cara Memberi Background Pada Judul Posting blog

URL : https://solkhres.blogspot.com/2012/11/cara-pasang-page-123-navigation-dengan.html