Cara Pasang Page 123 Navigation
← 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>
.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
Artikel lain yang mungkin ingin anda baca!
Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!
Responses
0 Respones to "Cara Pasang Page 123 Navigation"
Komentar Sobat Sangat Berarti Bagi Kami