Cara Pasang Numbered Page Navigation di Bawah Blog

Assalamualaikum!


Step 1;

Design > Edit HTML > tick : Expand Widget Templates.


Step 2;

Ctrl+ F > paste kod  ]]></b:skin>  pada kotak Find > Enter.


Step 3;

Copy kod kat bawah then paste kat atas atau sebelum kod  ]]></b:skin>

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(ttp://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(ttp://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}


Step 4;

Ctrl+ F > paste kod </body> pada kotak Find > Enter.


Step 5;

Copy kod kat bawah the paste kat atas atau sebelum kod </body> 


p/s : Edit nombor 7 yang bold kat kod bawah nih, sama dengan nombor post dekat front page blog.


&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;


Step 6;

Ctrl+ F > paste kod 'data:label.url' pada kotak Find > Enter.


Step 7;

Copy kod kat bawah then gantikan pada kod  data:label.url  tadi.


p/s : Edit nombor 7 yang di bold kat kod bawah nih, sama dengan nombor post dekat front page blog.


'data:label.url + &quot;?&amp;max-results=7&quot;'


Save!

0 comment/s:

 

Template by BloggerCandy.com