Home » Cara Membuat Next Page di Blog

Cara Membuat Next Page di Blog


Pasang
Pada artikel kali ini blogatap akan berbagi informasi tentang Cara Membuat Next Page di Blog. Kegunaan Next Page salah satunya adalah untuk memudahkan pengunjung blog melihat layar selanjutnya dan menghemat tampilan blog agar loading blog tidak berat.

Bagaimana cara membuatnya? langsung saja simak langkah-langkahnya sebagai berikut:
Masuk blogger ---> template ---> edit html ---> centang expand template widget cari kode ]]></b:skin>, untuk mempercepat pencarian tekan Ctrl + F masukkan kode ]]></b:skin> kemudian letakkan script di bawah ini tepat di atas kode ]]></b:skin>

.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;}
Selanjutnya cari kode </body> kemudian letakkan script di bawah ini tepat di atas kode </body>

<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://blogatap.googlecode.com/files/blogger-page-nav-v2.txt' type='text/javascript'/>
Kemudian Save Template dan lihat perubahannya. Berikut contoh tampilan dari Next Page:
Semoga postingan ini bermanfaat bagi sobat blogger semua :)

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll

Christian angkouw Sobat sedang membaca artikel tentang Cara Membuat Next Page di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

No comments:

Post a Comment