Cara Pasang Navigasi Halaman Nomor di NJW 2

Tuesday, February 24, 2015

Pasang Navigasi Halaman Nomor
BLOG demo template New Johny Wuss Versi 2 (NJW V2) ini dipasangi navigasi halaman dengan nomor (angka).

Kodenya diambil dari New Blogger Buzz. Demonya tentu saja ada di halaman depan blog ini.

Ini cara memasang atau membuat Navigasi Halaman Nomor di NJW 2:

1. Template > Edit/Html:
2. Copas kode berikut ini di atas kode



<b:includable id='mobile-index-post' var='post'>

Copas kode ini di atasnya:

<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,numPages: 5,firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot;
}
</script>

<script type="text/javascript" src="https://www.googledrive.com/host/0B2ww3WS8P1MJYUpZd21XNXBYYW8"></script>
<div class='clear'/>
</div>
</b:includable>


3. GANTI kode berikut ini:

<b:include name='nextprev'/>

DENGAN kode:

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:include name='page-navi'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>
</b:if>

4. COPAS kode berikut ini di atas kode ]]></b:skin>


#blog-pager, .pagenavi {
clear: both;
text-align: center;
margin: 30px auto 10px;
}
#blog-pager a, .pagenavi span, .pagenavi a {
margin: 0 5px 0 0;
padding: 2px 10px 3px;
text-decoration: none;
color: #fff;
background: #2973FC;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
#blog-pager a:visited, .pagenavi a:visited {
color: #fff;
}
#blog-pager a:hover, .pagenavi a:hover {
color: #fff;
text-decoration: none;
background: #000;
}
#blog-pager-older-link, #blog-pager-newer-link {
float: none;
}
.pagenavi .current {
color: #fff;
text-decoration: none;
background: #000;
}
.pagenavi .pages, .pagenavi .current {
font-weight: bold;
}
.pagenavi .pages {
color: #fff;
background: #2973FC;
}

Save! 
Kini Navigasi Halaman Nomor (Angka) sudah muncul di blog Anda!



4:32 PM

0 comments:

Post a Comment