Senin, 28 Mei 2012
Cara Merubah Tampilan "older post" Menjadi Angka
Do you like this post?
Salam Bloger, kali ini saya akan membagi sedikit Tips tentang blogspot, mengenai Cara Merubah Tampilan "older post" Menjadi Angka yang mungkin anda belum tau!.
Pada umumnya, navigasi untuk pindah halaman di blogspot biasanya menggunakan
link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting
baru)". Jika anda ingin merubahnya, Simak cara berikut agar blog anda nantinya akan berubah menjadi seperti yang ada dalam blog saya, lihat gambar yang ada di bawah ini :
---------------------------------------------------------------------------------
---------------------------------------------------------------------------------
This is it......
1. Seperti biasa langsung saja ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> taruh script dibawah ini sebelum kode tersebut.
2. setelah itu cari kode ini ]]></b:skin> 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;
}
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 -->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 -->
_________________________________________________________________________
4. Simpan Template anda dan lihat hasilnya, kini tampilan blog anda telah berubah.
Nah itu tadi Tips dari Blogergoblok tentang Cara Merubah Tapilan "older post" Menjadi Angka semoga bermanfaat, sampai bertemu kembali dips-tips berikutnya, and happy blogging!
Tips Blogergoblok
Tips Blogergoblok
This post was written by: Blogger Go Blog
Blogger Go Blog is a professional blogger, web designer and front end web developer. Add Friends him on FACEBOOK
Langganan:
Posting Komentar (Atom)
1 Responses to “Cara Merubah Tampilan "older post" Menjadi Angka”
5 Januari 2013 pukul 13.02
Txh gan. :)
Posting Komentar