Home » » Memperindah blog anda dengan membuat pagenumber

Memperindah blog anda dengan membuat pagenumber

Memperindah blog anda dengan membuat pagenumber pada halaman home blog anda dan ini bagus untuk mempercantik blog anda dengan tampilan yang seperti website pada umumnya karena pada template blog hanya difasilitasi dengan home, oldea post and newer post jadi kelihatan seperti blog biasa tapi dengan page number seperti blog yang bagus dan enak dilihat.
Langkah pertama kalian harus copy paste coding css di bawah ini di tempat banyak css atau sebelum <./b:skin>



.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #fd9999;


margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #fd9999;

background-color:#fd9999;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #fd9999;

background: #fd9999;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #fd9999;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}
Untuk warna silahkan atur sendiri sesuai template blog anda, lalu anda copy paste lagi script di bawah ini sebelum
<b:if cond="data:blog.pageType != ">



&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <script type="text/javascript">


var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>



&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<script src="http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js" type="text/javascript">

</script><script src="/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999">

</script></b:if>
              
dan yang terakhir carilah code dibawah ini
'data:label.url'
lalu tambahkan script ini sebelum kutip akhir
+ "?&max-results=5"
sehingga hasilnya akan seperti ini
'data:label.url + "?&max-results=5"'
Dan selesai deh kamu reload ulang blog kamu nanti keluar dweh page numbernya.

Related Posts

No comments:

Post a Comment

 
Copyright © 2013. Information & Learning - All Rights Reserved
Template by Johny Template