Tutorial Buat Number Setiap Page

Monday, January 20, 2014




Tadi jumpa tuto ni. Memang terbaru! Hebat betul. Hohoho. Lagipun ianya mudah dan lawa. So, kalau berminat, jom ikuti langkah2 ni

a) Dashboard --> Layout --> Add Gadget/HTML
b) copy code ni 
 
<style type="text/css">
.blog-pager,#blog-pager{
font-family:arial, serif;
font-weight:bold;
font-size:12px;
width:98%;}



.showpageNum a,.showpage a {
background: #95fedb repeat-x;
background-position:0px -0px;
border:3px solid #BBBBBB;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:0px 1px 0 1px;
padding:3px 10px;
color:#000;
line-height:30px;
cursor:pointer;}



.showpageNum a:hover,.showpage a:hover {
background: #F8BDBB repeat-x;
background-position:0px -30px;
border:3px solid #BBBBBB;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#000;
-text-decoration:underline;}



.showpageOf{
margin:0 8px 0 0;
background:#95fedb repeat-x;
background-position:0px -0px;
border:3px solid #BBBBB;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
line-height:30px;
padding:3px 10px;
color:#000;}



.showpagePoint {
background:#F8BDBB repeat-x;
background-position:0px -30px;
margin:0 3px 0 3px;
padding:3px 10px;
line-height:30px;
cursor:pointer;
white-space:nowrap;
border:3px solid #95fedb;
-webkit-border-radius:3px; 
-moz-border-radius:3px;
border-radius:3px;
color:#000;
text-decoration:underline;
font-weight:bold;
 </style>



<script type='text/javascript'>
//<![CDATA[
    var postperpage=2;
    var numshowpage=4;
    var upPageWord ='« Prev ';
    var downPageWord ='Next »';
    var urlactivepage=location.href;
    var home_page="/";



//]]>
</script>



<script type='text/javascript'src='https://dl.dropboxusercontent.com/s/msf4tmk4gr7gzs9/navipage-faiz-tutorial.js'></script>
 
c) Huruf berwarna merah adalah untuk background. Yang berwarna pink adalah untuk bolder dan yang berwarna ungu untuk tulisan.
d) Huruf berwarna hijau adalah untuk entry disetiap halaman. Madihah ada 2. Kalau korang ada 1,letaklah 1.
e) Kod warna : SINI 
Thanks to : BCC 

2 comments:

  1. Hye, saya suka bace blog awk, baru2 ni saya baru buat blog hope awk boleh follow dan singgah la blog saya :) http://awksweetgitu.blogspot.com

    ReplyDelete

Pecah kaca, pecah gelas,
sudah baca? Harap komen

Powered by Blogger.