Artikel Terbaru

Selasa, 13 Agustus 2013

MEMBUAT 'NEXT PAGE' PADA BLOG

Artikel berikut adalah mengenai 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: 
  1. Masuk blogger 
  2. Template 
  3. Edit html 
  4. Centang expand template widget 
  5. Cari kode ]]></b:skin>, untuk mempercepat pencarian tekan Ctrl + F masukkan kode ]]></b:skin> 
  6. 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 :) 

0 komentar:

Posting Komentar