Cara Membuat Page Navigasi Di Blogger

Diposting oleh Manz Dasilva on Rabu, 11 Januari 2012

Ok Manz akan share tentang Membuat Page Navigasi Di Blogger. Page Navigasi ini tidak akan memberat kan Loading Blog anda jadi Page Navigasi ini sangat simple seperti yang saya di blog saya tampilannya. Jika anda berminat untuk memasangnya ikuti Langkah - Langkah di bawah ini.
Tampilan Page Navigasi ini Seperti Blog saya.
.::Langkah - Langkah::.
1. Anda masuk ke akun blogger anda.
2. Klik Rancangan >> Klik Edit Html >> Dan jngan lupa untuk mencontreng Expand Template Widgetnya.
3. Cari kode ]]></b:skin> setelah anda menemukan kode berikut Copy kode CSS di bawah ini dan Patekan tepat di atas kode yang anda tadi temukan.
.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:#f3f3f3;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #f3f3f3;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #f3f3f3;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
4. Terus anda cari lagi kode </body> setelah anda menemukan kode berikut Copy kode di bawah ini dan Pastekan tepat di atas kode yang anda tadi temukan.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
5. Yang terakhir cari lagi kode seperti ini.
'data:label.url'
 Kemudian anda hapus kode yang anda tadi temukan dan ganti dengan kode di bawah ini.
'data:label.url + &quot;?&amp;max-results=5&quot;'

6. Jangan lupa untuk save templatenya.

Semoga anda berhasil memasang Page Navigasi ini. Dan Semoga artikel ini bermanfaat untuk kita semua. Selamat Mencoba gan....

.::Related Post::.

{ 0 komentar... read them below or add one }

Posting Komentar

Silahkan anda meninggalkan komentar di blog ini,
anda bisa mendapat kan kunjungan balik dari saya Plus Mendapatkan backlink gratis dari blog ini, karena blog ini blog Do-Follow.
Mohon Maaf nich gan !! Jangan meninggalkan komentar Link dan SPAM dalam bentuk apapun, jika anda berkomentar SPAM saya akan melaporkan komentar anda sebagai SPAM..
Terima Kasih atas kunjungannya dan terima kasih juga atas berkomentar di blog Do-Follow ini..