tempat belajar blog dan terhubung teman blogger untuk belajar trik blogger, tips edit blog, trik google, SEO dan SERP

Iklan

Blog ini di Sponsori

Jumat, 11 Mei 2012

Membuat Navigasi Nomer Halaman Blog untuk blogger / blogspot

Membuat Navigasi Nomer Halaman Blog untuk blogger / blogspot. Navigasi nomer halaman blogger ini intinya sebagai pengganti dari blog pager. Tentunya navigasi halaman bernomer ini terlihat lebih elegant dan profesional dengan menampilkan juga total page yang ada. Lihat contohnya di bawah ini.

Membuat Navigasi Nomer Halaman Blog
Lihat juga contohnya pada blog Template Blogger, nah kalau yang ini beda lagi desainnya hehe. Buat anda yang sudah bisa edit css, bisa langsung edit sendiri tampilannya. Tapi tanpa di edit sudah bagus kok, terlihat lebih profesional dari pada tampilan "Older Post" atau "Posting Sebelumnya" dll. Bagaimana cara membuat navigasi nomer halaman blog di blogger? yoi lanjut baca tutorialnya di bawah ini.

Cara Membuat Navigasi Nomer Halaman Blogger

  • Login ke blog anda  kemudian menuju halaman Design dan Edit HTML, jangan lupa di back up dulu templatenya untuk keamanan soalnya akhir akhir ini sering error blogger.
  • Cari kode ]]></b:skin> lalu paste Css di bawah ini tepat di atas kode ]]></b:skin>

Langkah selanjutnya anda cari kode </body> , kalau sudah ketemu paste kode berikut ini tepat di atas kode </body>

Simpan template dan lihat hasilnya :).

Keterangan :
Anda bebas mengubah tulisan yang saya kasih warna hijau, angka 6 adalah jumlah posting yang tampil tiap halaman sedangkan yang 5 adalah tombol navigasi yang tampil. Next adalah text untuk ke halaman selanjutnya, sebalikanya previous untuk kembali kehalaman sebelumnya.

Membuat Navigasi Nomer Halaman Blog

Cara membuat Navigasi Nomer Halaman Blog untuk blogger ini di dapat dari jalan jalan tadi ke blog lain hehe. Thanks bloggerplugin yang sudah posting tutorial ini. Oh ya buat anda yang males mau edit HTML atau bingung dengan cara yang saya kasih di atas, bisa langsung add widget navigasi halaman untuk blogger di bawah ini.

Tambahan :
Untuk menyesuaikan Tampilan pada label, silahkan cari kode
'data:label.url' dan ganti dengan kode 'data:label.url + &quot;?&amp;max-results=5&quot;'
Nah angka 5 di sana samakan dengan Pagecount pada kode Navigasi. Semoga sukses
Comments
0 Comments

Tidak ada komentar:

Posting Komentar

Maaf jika sebagian komen sobat tidak terbalas di karenakan kesibukan admin.

-Berbahasa sopan, no spam dan fokus pada artikel adalah ciri blogger yang baik.
Thanks for visit :

 

SMS Gratis

Tips Hari Ini

jika blog anda sudah hilang tombol Monetize untuk Adsense, langkah mudahnya adalah dengan menulis http://www.blogger.com/adsense-overview.g?blogID=IDBLOG-ANDA di Address bar browser lalu tekan enter

memasukan iklan teks dalam postingan cukup dengan mengetikan kode <div id="adsleft" style="width:100px;height:100px">Isi Iklan</div>

untuk membuat optimasi SEO pada URL tambahkan ID seperti id="ycusoy+admin.belajar.blogspot.com" dan TITLE seperti title="Judul Posting"

untuk membuat optimasi SEO pada Gambar tambahkan ALT seperti alt="JUDUL POSTING"

Sepatah Kata:

mencoba berbagi berdasar pengalaman pribadi dan referensi internet

INFO LAINNYA

2009 Admin-Belajar Blog. All rights reserved.
Powered by Ycusoy and Blogger.
blogger seo friendly from www.yantocusoy.tk