cara merubah beranda posting lama dan baru dengan angka


gambar posting lama posting baru

Cara mengganti  atau merubah beranda posting lama posting baru 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 diatas

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. kelik sembarang didalam kotak script HTML
3. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut (taruh diatas kode  ]]></b:skin>  ) tekan CTRL+F (untuk memudahkan pencarian)



.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;
}

4. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut, (taruh diatasnya kode </body>)


<!--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 -->
<!-- Start Code sript menjadi Angka --><a href="http://situs9.blogspot.com/" onmouseover="window.location=this.href" target="_blank" title="Di berdayakan : oleh Blogger"><img alt="" border="0" src="http://1.bp.blogspot.com/-NTT8Dmil_N0/UcuIqeSECbI/AAAAAAAAA_8/-kCwXv04I-8/s1600/Auto+BackLink+situs9.PNG" height="15" width="80" /></a><!-- Start Code sript menjadi Angka -->

5. simpan dan lihat hasilnya , ,

¡Compártelo!

Comments
0 Comments
komen disini ya

0 komentar:

tinggalkan komentar anda dsni

anda bebas berkomentar di blog ini, tapi jangan sampai ada unsur SARA dan PORNOGRAFI
salam blogger...!!!!!

Buscar

 
study ngeblog Copyright © 2011 | Tema diseñado por: compartidisimo | Con la tecnología de: Blogger