Navigasi Next Page Gambar

Pada Artikel sebelumnya telah saya posting cara menambah menu navigasi next page, dan kesempatan kali ini saya akan berbagi artikel cara menambah menu navugasi nex page bergambar. Untuk lebih jelasnya mari kita ke TKP :

1. Login ke Blogger

2. Masuk menu "Rancangan"

3. Lalu pilih "Edit HTML"

4. Kemudian cari kode berikut ini :

<b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Prev Page</a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Next Page</a> </span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'>Home</a> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </b:if> </div> </b:includable>

ATAU

<b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable>

5. Ganti kode :
"<data:newerPageTitle/>"
"<data:olderPageTitle/>"
"<data:homeMsg/>"
menjadi
"<img src="Url gambar"/>". Sebagai contoh bisa menggunakan gambar home berikut : <img src="http://i355.photobucket.com/albums/r455/sheve_anssver/1256558735_home.png" />

6. Simpan dan Lihat hasilnya

NB : Untuk gambar next dan previous page silahkan anda cari di google atau bisa menggunakan gambar anda sendiri.

SELAMAT MENCOBA

***************************

Komentar Lewat Facebook

Ingin Artikel wiro-com di kirim ke Email Anda. Masukkan Email Anda Disini:

Delivered by wiro-com