Kamis, 10 November 2011

Membuat halaman selanjutnya pada blog


Nie artikel buat temen-temen blogger pemula yang ingin merapikan blognya yang mungkin memiliki banyak postingan. Postingan yang kita buat ternyata secara otomatis akan tertampil di halaman utama yang di batasi pada jumlah tertentu sehingga postingan terdahulu tidak tampak maka untuk menampilkan seluruh postingan maka di buatlah halaman berikutnya yang berisi postingan terdahulu ini nih Triknya.... 


Pertama, masuk ke blogger, klik dasbor, lalu pilih tata letak kemudian buka Edit HTML.
np: jangan lupa untuk mencentang expand template widget, karena kalau tidak dicentang, ada kode html yang tidak bisa dicari walaupun dengan ctrl+f.

cari kode ]]></b:skin> . sebenarnya sih ]]><juga sudah cukup, dan sama saja hasilnya.
ok..kita lanjut..
jika sudah ketemu, copy kode dibawah ini dan letakkan di atas kode td.


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



selanjutnya, cari kode  </body>,
lalu copy kode dibawah ini dan letakkan diatas kode tadi:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
 var pageCount=5;
 var displayPageNum=5;

 var upPageWord =&#39; Previous &#39;;
  var downPageWord=&#39; Next &#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

selanjutnya..
loh.. ada lagi??he
ini yang terakhir kok..
cari kode 'data:label.url'. nah, kode yang ini nih yang g bisa dicari jika anda tidak meng expand terlebih dahulu.
kemudian, ganti kode tersebut menjadi:
'data:label.url + &quot;?&amp;max-results=5&quot;'
nah, sekarang simpan templatenya lalu lihatlah hasilnya..
gimana??he

biar lengkap..nih penjelasannya:
yang bisa dirubah-rubah sesuai keinginan adalah kode-kode yang berwarna merah.
- var pageCount=5;
angka 5 pada kode diatas menunjukan jumlah postingan yang akan pada satu halaman, anda dapat menggantinya dengan angka yang lain.
- var displayPageNum=5;
nah, kalau angka 5 yang ini menunjukkan jumlah angka yang akan ditunjukkan pada halaman tersebut, contoh:
jika anda sedang membuka halaman utama, maka yang akan muncul dibawah halaman adalah angka 1, 2, 3, 4, 5.
jika anda yang sedang terbuka adalah halaman ke-2, maka akan muncul angka 2, 3, 4, 5, 6.
- Next dan Previous
sudah mengerti kan untuk apa??he
yups..
kata-kata tersebut adalah kata-kata yang akan muncul menemani halaman yang ada.
anda bisa menggantinya dengan "sebelumnya" dan "selanjutnya" ,misalnya.

sebenarnya sih banyak yang bisa dirubah-rubah, tapi kayaknya bakal ribet ngejelasinnya..he2x
trims ya dah mau baca..
semoga bisa membantu..~_~

salam blogger!!^_^

Tidak ada komentar:

Posting Komentar