-->

Cara Mengganti Tulisan Older Post/Posting Lama dengan Widget Page Navigation Ala Arlina

Cara Mengganti Tulisan Older Post/Posting Lama dengan Widget Page Navigation Ala Arlina Design - Sengaja saya menambahkan Judul Ala Arlina karena memang sebetulnya saya mendapatkan ide dan Scriptnya dari website Mbak Arlina Design , namun saya tidak akan mengambil Contoh Blog yang sudah terpasang Page Navigation dari Arlina melainkan contoh dari Blog ini sendiri yang bisa anda lihat diblog ini. Bagaimana ? Tampilannya Keren dan bisa menyesuaikan dengan template anda Bukan ? Selain itu Page Navigation ini juga cukup ringan di gunakan dan tampilannya responsif,Selain itu menurut Arlina Widget Page Navigation ini dapat memuat Artikel sampai 1000 artikel dibandingkan dengan dengan Page Navigation lainya yang hanya sampai 500an saja olehnya itu Page Navigation ini dinamainya Page Navigation Unlimeted . Namun saran saya gunakan template yang sedikit lebar di bagian Home Page nya. Tanpa panjang lebar lagi, Silahkan simak penjelasan cara Cara Mengganti Tulisan Older Post/Posting Lama dengan Widget Page Navigation Ala Arlina Design dibawah ini :

Cara Mengganti Tulisan Older Post/Posting Lama dengan Widget Page Navigation Ala Arlina Design

1. Masuk ke Dashboard Blogger Sobat kemudian Klik Template , Lalu lanjutkan dengan Klik Edit Template

2. Setelah Masuk lalu Cari Kode " </head> " Gunakan CTRL+F

3. Setelah ketemu Pastekan Kode dibawah ini sebelum  kode " </head> " tersebut..Kode sendiri ada 2 Macam ada untuk Warna Terang dan Gelap Namun yang kita pakai disini hanya untuk warna terang saja seperti yang saya pakai. Silahkan Copy Kode dibawah ini :

<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>
4. Lanjut kita masih pasang satu kode lagi yaitu Sebelum Kode " </body> ", Silahkan anda cari kode tersebut dan letakkan Kode dibawah ini sebelum Kode " </body> " tersebut. Silahkan Copy Kode dibawah ini :

 <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>
Catatan : ( 7 adalah Jumlah artikel yang ditampilkan dan 3 adalah Jumlah Nomor yang ditampilkan di Page Navigation, Silahkan di ganti sesuka anda )

5. Selesai, selanjutnya silahkan anda Klik Save Template dan Lihat Hasilnya

Itulah Informasi  Cara Mengganti Tulisan Older Post/Posting Lama dengan Widget Page Navigation Ala Arlina Design, Apabila anda kesulitan dalam mempraktekkan cara diatas silahkan layangkan pertanyaan lewat kolom komentar dibawah dan dengan senang hati akan saya berikan tanggapan dengan cepat. Semoga Bermanfaat. 


Iklan Atas Artikel

ads here

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

ads here