god-of-cyber-crime
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
IndeksLatest imagesPencarianPendaftaranLogin

 

 Mengganti "Older Posts" Dengan Angka

Go down 
PengirimMessage
•©»»»[¥Ø•÷•må]«««©•
Administrator•©»»»[¥Ø•÷•må]«««©•


Jumlah posting : 33
Points : 57
Join date : 22.05.12
Lokasi : ___lost-world___

Mengganti "Older Posts" Dengan Angka Empty
PostSubyek: Mengganti "Older Posts" Dengan Angka   Mengganti "Older Posts" Dengan Angka EmptyThu May 24, 2012 4:44 pm


Mengganti "Older Posts" Dengan Angka




Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}


3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<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=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->


Kalau sudah silahkan dilihat hasilnya.



Sumber :

[You must be registered and logged in to see this link.]
Kembali Ke Atas Go down
 
Mengganti "Older Posts" Dengan Angka
Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» Cara Mudah Mengganti Background Windows 7 Starter
» Membuat Recycle Bin Pada Flashdisk Dengan iBin

Permissions in this forum:Anda tidak dapat menjawab topik
god-of-cyber-crime :: Social Networking :: Blogspot-
Navigasi: