How to provide navigation or put page numbers on the blog - anybody know what the navigation page numbers ? You know the navigation in the form of the numbers at the bottom of a page / blog page or people often refer to it as a navigation page number or the number of navigation pages . The purpose of this menu is to allow visitors to explore our blog so it is likely they will feel at home , hehe .. But it if it is visitors , if you have not had or still a little visitor , as a blogger , my friend can also edit the template of your blog becomes more SEO Friendly . Read : how to create Related posts on the blog . Okay , go to the original problem , if still confused about the navigation page numbers , following the example screen shot from my friend's blog ( antigaptek.com ) that might help mate .
Jump to Page Number
Some may ask , why in this blog itself is not installed this kind of menu ? The answer is very simple , in fact I also really want to put it , but the template that I use do not support . Hadeh .. So, how to install a navigation page number on our blog ? It was easy as pie . Please follow the following description :
1 . Login to your blog account .
2 . Click the Template >> Edit HTML .
3 . Find the code ] ] > < / b : skin>
4 . Put the following script at the bottom just above the last code number 3
. 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 # 3d85c6 ;- webkit - border- radius : 3px ; - moz - border- radius : 3px ;background: # ddd url ( http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.jpg ) 0 - 50px repeat- x ; }. showpageNum a: hover {border : 1px solid # aeae0a ;background: # ccc url ( http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.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 - drill
5 . Find the code < / body> and put the script under the following code just above .
<b:if cond='data:blog.pageType != "item"'><script type='text/javascript'>var PageCount = 5 ;displayPageNum var = 5 ;upPageWord var = ' « Previous ' ;downPageWord var = ' Next » ' ;< / script ><script src='http://seowaps.googlecode.com/files/navigasi-nomor-halaman.js' type='text/javascript'/>< / b : if>
6 . Save your template and see the results .
Okay , so many of my tutorial on how to make a number of navigation on the blog pages . May be useful .
Copyright Seowaps.com | Free SEO , Free BloggersRead the related articles below :
Jump to Page Number
Some may ask , why in this blog itself is not installed this kind of menu ? The answer is very simple , in fact I also really want to put it , but the template that I use do not support . Hadeh .. So, how to install a navigation page number on our blog ? It was easy as pie . Please follow the following description :
1 . Login to your blog account .
2 . Click the Template >> Edit HTML .
3 . Find the code ] ] > < / b : skin>
4 . Put the following script at the bottom just above the last code number 3
. 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 # 3d85c6 ;- webkit - border- radius : 3px ; - moz - border- radius : 3px ;background: # ddd url ( http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.jpg ) 0 - 50px repeat- x ; }. showpageNum a: hover {border : 1px solid # aeae0a ;background: # ccc url ( http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.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 - drill
5 . Find the code < / body> and put the script under the following code just above .
<b:if cond='data:blog.pageType != "item"'><script type='text/javascript'>var PageCount = 5 ;displayPageNum var = 5 ;upPageWord var = ' « Previous ' ;downPageWord var = ' Next » ' ;< / script ><script src='http://seowaps.googlecode.com/files/navigasi-nomor-halaman.js' type='text/javascript'/>< / b : if>
6 . Save your template and see the results .
Okay , so many of my tutorial on how to make a number of navigation on the blog pages . May be useful .
Copyright Seowaps.com | Free SEO , Free BloggersRead the related articles below :
Posting Komentar
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.