Jumat, 29 Oktober 2010

Cara Membuat Next Page

Cara Membuat Next Page


Langsung aja ah sekarang kita belajar bersama membuat next navigasi, seperti gambar di bawah ini
gambar, Cara Membuat Next Page Seperti Google, Cara membuat nomer 
next  123, Navigation Page

Jika anda berminat buat memasangnya silahkan ikuti langkahnya berikut ini
>> Masuk Blogger
>> Rancangan/Design (dulu masih tata letak)
>> Edit Html
Letakkan kode di bawah ini tepat di atas ]]></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;}

Kemudian cari lagi kode seperti ini </body> dan letakkan kode di bawah ini tepat di atas </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://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>

Kemudian simpan template anda. Nah buat yang saya cetak merah dan biru, pastinya anda sudah tahu apa yang harus anda lakukan, sepertinya saya tidak perlu banyak berkomentar dalam hal ini. Semoga bermanfaat.

Tidak ada komentar:

Masuk di Sini

Entri Populer

Entri Populer