Memasang Navigasi Halaman Pada Blog

Monday, December 10, 2018

Memasang Navigasi Halaman Pada Blog

Navigasi halaman yaitu suatu daftar halaman pada blog dengan nomor - nomor halaman. Dengan memasang navigasi halaman tentunya akan memudahkan pengunjung dalam menjelajahi blog Anda.

Langkah Pertama

Simpan arahan CSS dibawah ini diatas arahan </head>..

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <style type="text/css"> .showpageNum a,.showpage a,.showpagePoint{margin-top:10px;margin-bottom:20px;background:#f35d5c;border:none;margin-left:5px;color:#FFF;font-size:15px;font-family:'Arial';font-weight:700;transition:all 0.3s ease-in-out;padding:10px 15px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);} .showpagePoint{background:#555;color:#fff;} .showpageNum a:hover,.showpage a:hover{background:#555;color:#fff;} </style> </b:if> </b:if>

Silakan Anda atur CSS nya untuk menyesuaikan dengan kebutuhan blog.

Langkah Kedua

Simpan arahan dibawah ini diatas arahan </body>.

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'> var pageCount=5; var displayPageNum=8; var upPageWord =&#39;Prev &#39;; var downPageWord =&#39; Next&#39;; </script> <script src='https://googledrive.com/host/0B8WEGGjyXlaMMWdabjB6Q3RhRjg/PageNavigation.js' type='text/javascript'></script> </b:if> </b:if>