Page Number atau halaman page sering di buat agar blog nampak cantik dan mempermudah bari orang orang untuk mencari sebuah artikel atau jurnal dalam sebuah blog atau makalah. Lalu bagaimana kah cara membuat Halaman Page atau Number page ini? Ne saya ada sedikit tutorialnya, tapi kalau mau lihat dulu contoh page number ini lihat aja di paling bawah dalam blog saya www.makalahbiologiku.blogspot.com
Membuat Page Number
1. masuklah pada akun blog anda lalu klik dashboard anda
2. klik Rancangan atau layout anda
3. Lalu klik Edit HTML
3. jangan lupa ceklis Expand Template Widget
4. lalu cari kode ]]></b:skin>
5. kalau sudah ketemu tepat di atas kode tersebut masuk kan kode 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;
}
6. Lalu cari kode </body>
7. Kalau sudah ketemu letak kan kode di bawah ini tepat di atas kode </body>
<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>
8. Selanjutnya cari kode 'data:label.url' kalau sudah ketemu gantilah kode 'data:label.url' dengan kode di bawah ini
'data:label.url + "?&max-results=5"'
Tidak ada komentar:
Posting Komentar