» » 3 Page Number Navigasi Blog Simple

Wednesday, February 6, 2013

3 Page Number Navigasi Blog Simple

3 Page Number Navigasi Blog Keren, saya share ne kawan tentang page navigasi tiga warna anda bisa gunakan sesuai dengan template anda. mungkin aja ada yang cocok memakai page number navigasi ini silahkan di coba-cobain dulu di blog anda. Caranya gampang dan anda bisa mengkikutinya tutorialnya di bawah ini.

Screen Shotnya :
Tutorial Membuatnya :
  • Login ke Blogger
  • Pergi ke Tata Letak >> Tambah Gatget >> HTML/Java Script
  • Pilihlah slah satu dari model Page Number berikut.

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmEyuJSQQ7Her9tAoEl-07aKHY9X1N0FVpS3CbItZHi86B0zyLNO96ROs3O_0NcOKxHDLRY8EdUU7yx-Xiho8jLJyaExIyswB-QnvT0dvqlMlF0wZvY1VIFJxWU_S6OGtOvYcKQ9EygrY/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#EEEEEE;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmEyuJSQQ7Her9tAoEl-07aKHY9X1N0FVpS3CbItZHi86B0zyLNO96ROs3O_0NcOKxHDLRY8EdUU7yx-Xiho8jLJyaExIyswB-QnvT0dvqlMlF0wZvY1VIFJxWU_S6OGtOvYcKQ9EygrY/s1600/yellow-butt.png) repeat-x;background-position:-10px -43px;
border:1px solid #FB5106;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmEyuJSQQ7Her9tAoEl-07aKHY9X1N0FVpS3CbItZHi86B0zyLNO96ROs3O_0NcOKxHDLRY8EdUU7yx-Xiho8jLJyaExIyswB-QnvT0dvqlMlF0wZvY1VIFJxWU_S6OGtOvYcKQ9EygrY/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;line-height:30px;padding:3px 10px;color:#ffffff;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmEyuJSQQ7Her9tAoEl-07aKHY9X1N0FVpS3CbItZHi86B0zyLNO96ROs3O_0NcOKxHDLRY8EdUU7yx-Xiho8jLJyaExIyswB-QnvT0dvqlMlF0wZvY1VIFJxWU_S6OGtOvYcKQ9EygrY/s1600/yellow-butt.png) repeat-x;background-position:-55px -43px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:1px solid #FB5106;-webkit-border-radius:7px; -moz-border-radius:7px;border-radius:7px;color:#FFFFFF;text-decoration:underline;font-weight:bold;} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fJaxGeiOeb3YOS5kuEd-hAkm9tKK1vHjYpMads030uLKE1afpUeYla13GWUKehP8x-m01r7asnQIgqeVBUrHF8wwzCHwnL2miq7AnOtgJlTMGdJvObyGE9LjAeY_24PWxje5bo0NPzg/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script> <script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mc9jHzqP3CyZW_mivn_AQRP42sooyPnzH44wmmGukH5pNVsNOaIwcghMS2kQbT5WmwEBy4EvVgXiCUDswjRvTk9OlMTfeOwi9TgVtHIvQukui85PnBhlkU68F-bX1XhsXO-yfRGl8H4/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mc9jHzqP3CyZW_mivn_AQRP42sooyPnzH44wmmGukH5pNVsNOaIwcghMS2kQbT5WmwEBy4EvVgXiCUDswjRvTk9OlMTfeOwi9TgVtHIvQukui85PnBhlkU68F-bX1XhsXO-yfRGl8H4/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mc9jHzqP3CyZW_mivn_AQRP42sooyPnzH44wmmGukH5pNVsNOaIwcghMS2kQbT5WmwEBy4EvVgXiCUDswjRvTk9OlMTfeOwi9TgVtHIvQukui85PnBhlkU68F-bX1XhsXO-yfRGl8H4/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mc9jHzqP3CyZW_mivn_AQRP42sooyPnzH44wmmGukH5pNVsNOaIwcghMS2kQbT5WmwEBy4EvVgXiCUDswjRvTk9OlMTfeOwi9TgVtHIvQukui85PnBhlkU68F-bX1XhsXO-yfRGl8H4/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fJaxGeiOeb3YOS5kuEd-hAkm9tKK1vHjYpMads030uLKE1afpUeYla13GWUKehP8x-m01r7asnQIgqeVBUrHF8wwzCHwnL2miq7AnOtgJlTMGdJvObyGE9LjAeY_24PWxje5bo0NPzg/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5-RngYKhWpv8gMkmjA5N2Y_QDVfgqXruuJwHdwGVMX7E0NVdDd5mvRxsPovNvlkPCQbsj-P2Qd5JsUL9kIZhwaUuY1Ncba8D4_Wn6xnyJcDse3n538CItHhvWDE0rx0g9iffT_MsKfs/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5-RngYKhWpv8gMkmjA5N2Y_QDVfgqXruuJwHdwGVMX7E0NVdDd5mvRxsPovNvlkPCQbsj-P2Qd5JsUL9kIZhwaUuY1Ncba8D4_Wn6xnyJcDse3n538CItHhvWDE0rx0g9iffT_MsKfs/s1600/darkblue.png) repeat-x;
border:2px solid #5C8CFB;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
}.showpageOf{
margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5-RngYKhWpv8gMkmjA5N2Y_QDVfgqXruuJwHdwGVMX7E0NVdDd5mvRxsPovNvlkPCQbsj-P2Qd5JsUL9kIZhwaUuY1Ncba8D4_Wn6xnyJcDse3n538CItHhvWDE0rx0g9iffT_MsKfs/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
}.showpagePoint {
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT5-RngYKhWpv8gMkmjA5N2Y_QDVfgqXruuJwHdwGVMX7E0NVdDd5mvRxsPovNvlkPCQbsj-P2Qd5JsUL9kIZhwaUuY1Ncba8D4_Wn6xnyJcDse3n538CItHhvWDE0rx0g9iffT_MsKfs/s1600/darkblue.png) repeat-x;
margin:0 3px 0 3px;padding:3px 10px;
line-height:30px;cursor:pointer;white-space:nowrap;
border:2px solid #5C8CFF;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
} </style>
<a href="http://www.vikrymadz.web.id/" target="_blank" title="vikrymadz"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3fJaxGeiOeb3YOS5kuEd-hAkm9tKK1vHjYpMads030uLKE1afpUeYla13GWUKehP8x-m01r7asnQIgqeVBUrHF8wwzCHwnL2miq7AnOtgJlTMGdJvObyGE9LjAeY_24PWxje5bo0NPzg/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://vikrymadz.googlecode.com/files/pagenumbervikrymadz.js'></script>

Kalo sudah di save/simpan.
You Might Also Like
Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu
Share this article :

3 komentar:

  1. AnonymousMarch 10, 2013 at 2:23 PM

    Thanks Gan , Cara Ini Ane terapkan ke Blog Ane, Dan BERHASIL.. Nitip Blog Ane http://sahrul21.blogspot.com/

    ReplyDelete
  2. UnknownMarch 10, 2013 at 7:13 PM

    sudah saya cek blog nya dan hasilnya lumayan ..

    ReplyDelete
  3. AnonymousMarch 12, 2013 at 4:38 PM

    ayo Saling Join Blog Gan, Ane dah Join Blog Agan . Skarang Join Blog Ane Ya

    ReplyDelete

Silahkan Berkomentar Untuk Saran Yang Dapat membangun kami

1. Jangan Membuat Komentar Yang bersifat Spam
2. Berikan Komentar Yang Baik
3. Kritik/saran Yang Bertujuan Memajukan Dan Membenarkan
5. Berikan Saran Yang Berkaitan Dengan Artikel Yang dibahas
6. Menggunakan Bahasa Yang Sopan
7. Tidak Mengandung Unsur Sara Dan Ejekan

Subscribe to: Post Comments (Atom)
 

JemberTheIsoZone - Copyright  © 2012 All Rights Reserved | Design by Fandy Converted and modified into Blogger Template by Jembertheisozone | Back to TOP