Share Up To 110 % - 10% Affiliate Program

Thursday, May 10, 2012

membatasi jumlah postingan sekaligus membuat page navigator cantik

ane kembali memposting cara menambah page navigation pada blog, namun kali ini agak berbeda, yuk lebih baik kita simak yang dibawah ini
login terlebih dahulu > buka template > edit html, centang "expand template widget" lalu cari kata dibawah ini (lebih cepat gunakan ctrl + f dari pada cari pake cara manual)


'data:label.url'

Gantikan jadi begini :

'data:label.url + "?&max-results=6"'

tapi ane pernah nemuin versinya kayak gini

expr:href='data:label.url      sama aja, cuman beda dikit dan jadinya seperti ini

expr:href='data:label.url  + "?max-results=6"



perlu ketahui angka 6 yang tertera pada "?max-results=6" itu adalah batas kita memunculkan jumlah postingan dalam satu halaman blog, jadi intinya semua posting gak numpuk di satu halaman. cara ini juga sangat berfungsi untuk memperingan blog kita agar tidk berat saat dibuka, nah lanju
tin

Kedua, tambahkan kode CSS dan script (tersedia dengan sampel di bawah) tepat sebelum kode </body>, kira-kira seperti ini:


Sebelumnya=>

</body>

Gantikan dengan,

… Simpan script yang didownload di sini!!
</body>


Agar diketahui juga, di dalam script yang didownload terdapat kode-kode berikut:



<script type='text/javascript'>

var pageCount=6;

var displayPageNum=6;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

Sesuaikan angka yang berwarna merah dan tentukan nilai angka yang sama sesuai dengan jumlah yang ditentukan pada langkah pertama, lihat kembali di atas. Nah, berikut kode-kode navigasi halaman untuk blogger dengan style dan desain yang cantik:


Navigasi Halaman Blogger Cantik – Dark Blue



Lihat Demo | Copy Code

Navigasi Halaman Blogger Cantik – Lite Gray




Lihat Demo | Copy Code


Navigasi Halaman Blogger Cantik – Black Mamba


Lihat Demo | Copy Code


Navigasi Halaman Blogger Cantik – Sweet Orange


Lihat Demo | Copy Code


Navigasi Halaman Blogger Cantik – Shadowed Green Ruby



Lihat Demo |Copy Code


semoga bermanfaat.:f:

0 comments:

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More