Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Jumat, 04 November 2016

Cara Jitu dan Mudah Untuk Membuat Next page Number di blog


Cara Jitu dan Mudah Untuk Membuat Next page Number di blog

Next page Number atau halaman berurutan dibawah home page sebenarnya mempunyai fungsi yang sama dengan Related post,yaitu berfungsi untuk memudahkan pengunjung dalam menjelajahi situs,akan tetapi Next page Number ini hanya menampilkan angka 1|2|3..dst dan hanya berada di home page sedangkan Related post biasanya hanya ditaruh dibawah artikel/postingan dan tidak ditampilkan di home page.


Langkah langkah Membuat Next page Number.

1.Login Blogger.com lalu klik Rancangan,kemudian klik Edit HTML.
2.Download Template Lengkap biar nanti bisa mengembalikan kesemula bila terjadi kesalahan,kemudian beri centang pada kotak Expand Template Widget untuk menampilkan semua kode template.
3.Letakkan kode dibawah ini tepat diatas kode ]]></b:skin> (gunakan tombol ctrl+f,atau tombol F3 untuk memudahkan pencarian)

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

4.Selanjutnya cari kode </body> yang terletak pada bagian bawah template.Kemudian letakkan kode dibawah ini tepat diatasnya.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

5.Belum selesai gan,cari lagi kode
'data:label.url'
kemudian ganti dengan kode dibawah ini.
'data:label.url + &quot;?&amp;max-results=5&quot;'
6.Simpan template anda dan lihat hasil tutorial Cara Jitu dan Mudah Untuk Membuat Next page Number di blog anda.
Ket: Minimal mempunyai 7 posting dalam blog.


Baca Juga:

Comments
0 Comments

0 komentar:

Posting Komentar

 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi