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;
}
<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):
'data:label.url + "?&max-results=5"'
Sekarang, simpan templates anda, dan anda bisa lihat hasilnya sekarang
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 Pasang Page 123 Navigation dengaN java script html
- 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-membuat-123-page-number-navigation.html
Tidak ada komentar:
Posting Komentar