Posted by : Stiker Jalingkut


Assalamu'alaikum. Apakabar sobat semuah pada pagi ini kami mau berbagi tentang Tutorial sudah banyak si Tutorial Cara Pasang Next Previous dari sobat2 Blogger dari pada mau buat postingan tapi belom ada jadi lumayan kan buat ngisi Postingan kami hehehehhe.
Dulu aq juga perna membuat postingan sama tapi dengan  fungsi yang berbeda
Cara Pasang Next Previous Diatas Dan Di Bawah Postingan

Sobat lihat pada postingan Cara Pasang Next Previous di atas Postingan di baeah Postingan
Silakan Lihat Demonya Mas Bro

Kita langsung saja pada Topik kali ini tentang Cara Pasang Next Previous buat sobat yang mau pasang silakan ikuti langkah-langkah di bawah ini.

Langkah pertama Copy Kode CSS di bawah pastekan Pas Di Atas Kode </b:skin>

#blog-pager{ text-align:center;background:#ff9b00;
background:-moz-linear-gradient(top, #ffda4d, #ff9b00);
background:-webkit-gradient(linear, left top, left bottom, from(#ffda4d), to(#ff9b00));
border-radius:5px;
box-shadow: 3px 3px 3px #818181; box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #3b5998;
-moz-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #3b5998;
-webkit-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #3b5998;
border:0px solid #eee;
padding:10px 10px}
#blog-pager-newer-link{ float:left}
#blog-pager-older-link{ float:right}
.feed-links{ clear:both;  line-height:2.5em}
.showpageArea a {text-decoration:none;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background:#ff9b00;}
.showpagePoint {color:black;text-decoration:none;border: 1px solid #cccccc;background:#00ff00;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 3px 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {color:black;text-decoration:none;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:black;} 
  

Langkah kedua Copy Kode Javascript di bawah Pastekan  pas di Atas Kode </body>

<script type='text/javascript'>
var pageCount=10;
var displayPageNum=9;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://selladrt.googlecode.com/files/pagenav%20selladrt.js' type='text/javascript'/> 
  

Lalu Simpan Template lalu lihat hasilnya di Blog sobat
Sekian dulu dari kami Tentang Cara Pasang Next Previous semoga Artikel ini bisa membantu buat sobat yang membutukanya

{ 22 comentários... read them below or Comment }

  1. punya saya nggak bisa tampil sob, mungkin nggak support kali yah.atau templatenya beda kali yah.

    BalasHapus
  2. next previous-nya keren juga..nyimak dulu sambil ngopi di siang hari :-)

    BalasHapus
  3. Siang mas bos ,pa kabar?sudah ngopi kah!
    script na d bungkus dulu yaw

    BalasHapus
  4. pageCount=10; ... itu artinya "batasnya hanya sampe 10 page jika sebenarnya ada lebih dari 10 page" .. begituh?
    dan bisa kan angka nya diganti

    BalasHapus
  5. nanti aku coba ya teman, salam kenal,aku udah follow blog qm, follow back ya

    BalasHapus
    Balasan
    1. ohya sobat knapa aq gk bisa masuk ketmpt sobat. ko di ppnya cma ada linik pnya sobat semuah pnya sobat gk ada

      Hapus
  6. Tambah Josss aja nih mas BL ... :D

    BalasHapus
  7. Wah keren ya mas .tombol, next dan previousnya. Eh template blognya keren hehe.

    BalasHapus
  8. Keliat tambah keren dan menarik ya mas tampilannya..
    Mantepp euoyyy.. :)

    BalasHapus
  9. tetap ngejreng dan josss! *smile

    BalasHapus
  10. wah..ini dia yg gue cari....thx sharenya bang..gue pasang dahhh



    komen back yeee

    BalasHapus

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

- Copyright © TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -