Baru beberapa hari lalu saya menemukan artikel yang benar-benar saya cari. Adalah bagaimana cara membuat halaman berurut 123 /page 123 navigation untuk blog di blogger/blogspot.
Kode membuat halaman 123 di blogspot ini,saya dapat dari hasil karya besar
Bp.Wijaya di ariawijaya.comAnda bisa mengunjungi website dan tutorial 123 page navigation ini di situsnya langsung dalam tutorialnya
'Membuat Navigasi Page Number Blogspot', atau anda bisa langsung klik disini.
Untuk hasilnya akan seperti gambar di bawah ini:
Sedangkan contoh hasil kode navigasi berurut ini, anda bisa lihat di sini.
Bagaimana? Ingin membuatnya?
Biar pelajaran blog menjabarkan kembali cara membuat halaman 123 berurut ini.
Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.Pertama, pergilah ke dashboard blogger anda, selanjutnya, pilih tata letak, dan pilih
Edit HTML.
Seperti biasa, contreng option
Expand widget templates, selanjutnya cari kode berikut:
]]></b:skin>
Setelah ketemu,letakkan persis
di atasnya kode css di bawah ini
.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;
}
Lalu,cari lagi kode seperti ini:
</body> Jika sudah ketemu, tepat
di atasnya letakkan script di bawah ini:
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
Langkah terakhir, carilah kode berikut (copi semua dengan tanda petik):
'data:label.url'
Jika sudah ketemu, hapus kode tersebut dan gantilah kode berikut (copi semua dengan tanda petik):
tips INI saya dapat kan dari blog
all trik blogCuman menyebarkan Info tips tentang blog DAN semoga bermanfaat
Belum ada tanggapan untuk "123 Page Number Navigation for Blogger "
Posting Komentar