Cara Membuat Unlimited Navigation Di blog

adscblog

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.

adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 09 Juni and have 0 komentar