Kamis, 18 Februari 2010

Membuat halaman 123 pada blogspot


dapet satu lg nih tips untuk para blogger.
setelah cape jalan-jalan di dunia maya, akhirnya dapet juga artikel yang saya cari. membuat halaman 123 pada blogspot. awalnya sih ngerasa aneh dan g ngerti sama sekali ma judul nya.
tapi setelah liat gambar yang ada di artikel baru Ooooh..bulet..he2x
setelah itu langsung praktek deh diblog ini, n alhamdulillah bisa. trims buat Pelajaran Blog untuk artikelnya..^_^
buat yang belum paham maksud dari halaman 123, lihat aja gambar yang ada dibawah judul postingan ini.
oia..tp postingan saya ini bukan co-pas dari artikel yang ada di PB, melainkan saya buat baru lagi dengan kata-kata saya sendiri..he2x
untuk mempersingkat waktu, langsung aja yah tutornya..


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!!^_^

6 komentar:

  1. bandar sep mantap petumjukmya bagus2 thank ya

    BalasHapus
  2. hmmmmmmm dapat lagi satu pengetahuan gua biar gua coba di rumah
    hehhehehe
    nice info yahhh

    BalasHapus
  3. mantap postingannya mau aku coba

    BalasHapus
  4. waduhh punyaku gak ngaruh boz,, ap slah copy ya??

    BalasHapus
  5. bagus tipnya... dah tak praktekkan dan berhasil, cuma ada sedikit kendala... blog saya tak kelompokkan dalam tiap label, umpamanya label "artikel", ada 40 postingan... kenapa kalo diklik munculnya tidak 5 seperti seharusnya... mohon bantuannya...

    BalasHapus