Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger

Page Number Navigation

Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger

Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger | Pada postingan kali ini saya akan memposting tentang Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger. Page Number Navigation sangat penting bagi sebuah blog. Mengapa? Karena dapat memudahkan pengunjung untuk melihat lebih banyak artikel di page selanjutnya.

Tidak usah banyak basa basi lagi. Langsung ke topik dari artikel ini.

Langkah Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger :

1. Login ke blogger.com menggunakan akun anda.

2. Masuk ke halaman "Tata Letak".

3. Klik "Tambah Gadget".

4. Kemudian pilih "HTML/JavaScript".

5. Lalu masukkan salah satu script kode berikut ini :

Page Number Navigation

<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/AVvXsEhWfcyvKbE0kasuvZQOldLB3R3wMTa6gCoKC7tchB1YKJw17WLcxtO4Xb8GsPB38dOvpCOCCIGkpYwe1-9oalv4_kvuRypq2ztERzTX3LDixB4wGi6umEl5OIZDsMAq0Pk7Hcc-2dtxeYg/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/AVvXsEhWfcyvKbE0kasuvZQOldLB3R3wMTa6gCoKC7tchB1YKJw17WLcxtO4Xb8GsPB38dOvpCOCCIGkpYwe1-9oalv4_kvuRypq2ztERzTX3LDixB4wGi6umEl5OIZDsMAq0Pk7Hcc-2dtxeYg/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/AVvXsEhWfcyvKbE0kasuvZQOldLB3R3wMTa6gCoKC7tchB1YKJw17WLcxtO4Xb8GsPB38dOvpCOCCIGkpYwe1-9oalv4_kvuRypq2ztERzTX3LDixB4wGi6umEl5OIZDsMAq0Pk7Hcc-2dtxeYg/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/AVvXsEhWfcyvKbE0kasuvZQOldLB3R3wMTa6gCoKC7tchB1YKJw17WLcxtO4Xb8GsPB38dOvpCOCCIGkpYwe1-9oalv4_kvuRypq2ztERzTX3LDixB4wGi6umEl5OIZDsMAq0Pk7Hcc-2dtxeYg/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/AVvXsEhEoETxkblbWrWLvYIqqKmTASb0sF6YGG7sg3_WOL9O72RIGxXKcFNgBwhcCk0Ev7DEsyTrLHDdfAEDy2JOuB6Zsg6GKZvbL5MJk5z67VAeYxebVO43tyr2uDVrhH34m21RWBIX3vup6yQ/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://ber2saud.googlecode.com/files/pagenumbervikrymadz.js'></script>

Page Number Navigation

<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/AVvXsEg9rHdphTXBLqtYwm42pOGNi0WqsoZ0sh1F6zjBze20kmb50N7djEJzsNE_dbYSkd1gYepOg_h8SCC0opG6cn6IB2u3pbS6VhIVkipKkDNGtVwbFhGRueaWZ2UKR4HTHsRJ3e6UuUzzIPE/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/AVvXsEg9rHdphTXBLqtYwm42pOGNi0WqsoZ0sh1F6zjBze20kmb50N7djEJzsNE_dbYSkd1gYepOg_h8SCC0opG6cn6IB2u3pbS6VhIVkipKkDNGtVwbFhGRueaWZ2UKR4HTHsRJ3e6UuUzzIPE/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/AVvXsEg9rHdphTXBLqtYwm42pOGNi0WqsoZ0sh1F6zjBze20kmb50N7djEJzsNE_dbYSkd1gYepOg_h8SCC0opG6cn6IB2u3pbS6VhIVkipKkDNGtVwbFhGRueaWZ2UKR4HTHsRJ3e6UuUzzIPE/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/AVvXsEg9rHdphTXBLqtYwm42pOGNi0WqsoZ0sh1F6zjBze20kmb50N7djEJzsNE_dbYSkd1gYepOg_h8SCC0opG6cn6IB2u3pbS6VhIVkipKkDNGtVwbFhGRueaWZ2UKR4HTHsRJ3e6UuUzzIPE/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/AVvXsEhEoETxkblbWrWLvYIqqKmTASb0sF6YGG7sg3_WOL9O72RIGxXKcFNgBwhcCk0Ev7DEsyTrLHDdfAEDy2JOuB6Zsg6GKZvbL5MJk5z67VAeYxebVO43tyr2uDVrhH34m21RWBIX3vup6yQ/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>

Page Number Navigation

<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/AVvXsEhIscr2odumjvAMo8YgmTr3UoKnOJZvB5CAtKMEBCGrBLKwgGQAL0fYCmq6DnqPtCJvWwEAKtTuZkRd2V7ZzgzYy33YBC7HPk1BIClY1trKmgmTCUW1ofekGEhulzeBO4c9ZRnsrrLbMXg/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/AVvXsEhIscr2odumjvAMo8YgmTr3UoKnOJZvB5CAtKMEBCGrBLKwgGQAL0fYCmq6DnqPtCJvWwEAKtTuZkRd2V7ZzgzYy33YBC7HPk1BIClY1trKmgmTCUW1ofekGEhulzeBO4c9ZRnsrrLbMXg/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/AVvXsEhIscr2odumjvAMo8YgmTr3UoKnOJZvB5CAtKMEBCGrBLKwgGQAL0fYCmq6DnqPtCJvWwEAKtTuZkRd2V7ZzgzYy33YBC7HPk1BIClY1trKmgmTCUW1ofekGEhulzeBO4c9ZRnsrrLbMXg/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/AVvXsEhIscr2odumjvAMo8YgmTr3UoKnOJZvB5CAtKMEBCGrBLKwgGQAL0fYCmq6DnqPtCJvWwEAKtTuZkRd2V7ZzgzYy33YBC7HPk1BIClY1trKmgmTCUW1ofekGEhulzeBO4c9ZRnsrrLbMXg/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/AVvXsEhEoETxkblbWrWLvYIqqKmTASb0sF6YGG7sg3_WOL9O72RIGxXKcFNgBwhcCk0Ev7DEsyTrLHDdfAEDy2JOuB6Zsg6GKZvbL5MJk5z67VAeYxebVO43tyr2uDVrhH34m21RWBIX3vup6yQ/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>

6. Jika sudah lalu klik "Simpan".

Ini akhir dari artikel ini. Jadi anda tinggal memilih mana yang cocok dengan blog anda. Dan Terima Kasih sudah membaca artikel dengan judul Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger.

Semoga Bermanfaat.. ^_^

Creatif By : Vento Deco | Seo Mas Vento

Terimah Kasih telah membaca artikel --> Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger . Yang ditulis oleh Vento Deco .Pada hari --> Friday, 6 March 2015. Jika anda ingin sebarluaskan artikel ini, mohon sertakan sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Trimakasih

<a href="https://seo-mas-vento.blogspot.com/2015/03/cara-memasang-page-number-navigation-pada-blogger.html" target="_blank">Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger </a>

Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger

Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger

Langkah Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger :

Creatif By : Vento Deco | Seo Mas Vento

0 Response to "Cara Memasang Page Number Navigation/Navigasi Halaman Keren Pada Blogger "

Blog Archive

SITE INFO