HomeCara Membuat Next Page dengan tombol
Senin, 02 Mei 2011
0
komentar
Postingan ini saya akan membahas cara membuat navigasi Next Page - Home - Back Page dengan menggunakan Tombol,
Oke Langsung saja pada cara membuatnya:
Pertama pastikan anda sudah memasang Button CSS3 pada template anda agar button bisa diterapkan, Untuk lebih jelasnya baca postingan sebelumnya yaitu :
"Membuat Tombol Dengan CSS3 - Buttom CSS3 Style"
Sekarang masuk pada Edit HTML > Expand Template Widget
Cari kode seperti dibawah ini
Untuk lebih cepat gunakan [Ctrl + F] untuk menemukan kode diatas.
Setelah itu hapus kode diatas dan ganti dengan kode di bawah ini :
Pratinjau terlebih dahulu, kalau sudah cocock bisa langsung disimpan.
selamat mencoba.
source :
Jangan Lupa Jempolnya Sob, Makasih Sebelumnya
Oke Langsung saja pada cara membuatnya:
Pertama pastikan anda sudah memasang Button CSS3 pada template anda agar button bisa diterapkan, Untuk lebih jelasnya baca postingan sebelumnya yaitu :
"Membuat Tombol Dengan CSS3 - Buttom CSS3 Style"
Sekarang masuk pada Edit HTML > Expand Template Widget
Cari kode seperti dibawah ini
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<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'>← Back 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>
<a class='home-link' expr:href='data:blog.homepageUrl'>Home Page</a>
</div>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<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'>← Back 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>
<a class='home-link' expr:href='data:blog.homepageUrl'>Home Page</a>
</div>
Untuk lebih cepat gunakan [Ctrl + F] untuk menemukan kode diatas.
Setelah itu hapus kode diatas dan ganti dengan kode di bawah ini :
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<p><a class='buttom' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>← Back Page</a></p>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<p><a class='buttom' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Next Page →</a></p>
</span>
</b:if>
<p><a class='buttom' expr:href='data:blog.homepageUrl'>Home Page</a></p>
</div>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<p><a class='buttom' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>← Back Page</a></p>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<p><a class='buttom' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Next Page →</a></p>
</span>
</b:if>
<p><a class='buttom' expr:href='data:blog.homepageUrl'>Home Page</a></p>
</div>
Pratinjau terlebih dahulu, kalau sudah cocock bisa langsung disimpan.
selamat mencoba.
source :
Jangan Lupa Jempolnya Sob, Makasih Sebelumnya
Anda baru saja membaca artikel yang berkategori Bloger
dengan judul Cara Membuat Next Page dengan tombol. Anda bisa bookmark halaman ini dengan URL http://duniabaca22.blogspot.com/2011/05/cara-membuat-next-page-dengan-tombol_02.html. Terima kasih!
Categories:
Bloger
