Cara Membuat Unlimited Navigation Di blog

gblog.id

Cara Membuat Unlimited Navigation Di blog

Jalak Ikal 09 June 0 komentar Read
Navigation tentunya sangat di butuhkan dalam suatu blog untuk memudahkan para pengunjung menelusuri semua artikel yang beada dalam blog kita,banyak sekali pareasi Halaman Navigasi yang dibuat oleh para master blogger sehingga tidak aneh jika ada blogger yang gonta ganti Halaman Navigasi tersebut mungkin saking bingung nya sehingga mereka tidak tahu mana yang cocok atau tidak nya atau yang sesuai dengan template mereka


Namun Kali ini saya akan berbagi Tutorial tentang cara pemasangan Halaman Navigation di blog,dan kabar baik nya Halaman Navigasi ini Unlimited alias tidak terbatas sehigga tidak akan merugikan para pemilik blog ketika menggunakan Halaman Navigasi ini

Cara Pemasangan Halaman Navigasi yang tidak terbatas (Unlimited)

Dan Cara penerapan nya pun sangatlah gampang alias simple sekali dan juga tidak memberatkan loading blog yang dimana loading blog merupakan syarat utama dari google ketika membuat blog,dan untuk pemasangan Halaman Navigasi ini bisa anda ikuti langkah-langkah nya sebagai berikut
  • Seperti biasa masuk ke blogger dengan menggunakan Email dan pasword
  • Setelah itu klik Template yang berada di bagian kiri blogger
  • Setelah itu klik lagi Edit Html
  • Setelah anda berada di bagian pengeditan silahkan anda cari kode </head> lalu letakan kode berikut sebelum kode tersebut
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Page Navigation */
#blog-pager{background:#fff;clear:both;width:auto;padding:22px;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:20px 0 5px 0}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:rgba(0,0,0,.8);padding:5px 8px;margin:0 4px 0 0;box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);border-radius:2px;transition:all .3s}
.showpageNum a:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 -2px 2px rgba(0,0,0,0.02);transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}
.showpagePoint{background:#2980b9;color:#fff;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>

Langkah selanjut nya silahkan anda cari kode </body> dan letakan kode berikut sebelum kode tersebut
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/unlipage.js' type='text/javascript'/>
</b:if>

Kemudian Save template dan silahkan anda lihat hasil nya di blog anda,selamat mencoba dan semoga bermanfaat untuk sobat blogger.
gblog.id

ads1
Posted by Jalak Ikal, Published at 09 June and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi

ggggggggg