Loading...

Cara Mengganti Navigasi Next Previous

Bangiz - Ada beberapa jenis navigasi pada blog, salah satunya ialah navigasi untuk menampilkan postingan terbaru dan postingan sebelumnya, ada juga yang menambahkan link atau tombol beranda. Pada umumnya penempatan navigasi ini ialah di bagian bawah postingan. Pada tema bawaan Blogger, navigasi ini disebut juga dengan newerPageTitle dan olderPageTitle.

Di sini ada tiga hal yang bisa Anda pelajari, yaitu:

A. Merubah kata Home, Newer dan Older
B. Menambahkan gambar di samping Home, Newer dan Older
C. Mengganti Home, Newer dan Older dengan gambar
Beranda
Gambar keren / ilustrasi
Jika Anda tertarik untuk mengganti tulisan maupun menambahkan gambar, ikuti saja caraya berikut ini:

1. Masuk ke dasbor Blogger > Template > Edit HTML.

2. Gunakan Ctrl + F dan temukan kode berikut:
    <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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
A. Merubah kata Home, Newer dan Older

Untuk merubah kata-kata di atas, Anda hanya perlu mengganti kode yang berwarna merah di atas dengan kata yang Anda inginkan
  • ganti <data:newerPageTitle/> contoh: Selanjutnya atau NEXT POST 
  • ganti <data:olderPageTitle/> contoh: Sebelumnya atau PREVIOUS POST
  • ganti <data:homeMsg/> contoh: Beranda, Home atau HOMEPAGE
B. Menambahkan gambar di samping Home, Newer dan Older
Untuk menambahkan gambar, Anda hanya perlu menambah kode link gambar yaitu
<img src="Alamat URL"/>
Hasilnya nanti seperti ini
<img src="Alamat URL"/><data:newerPageTitle/>
Catatan: ganti Alamat URL dengan alamat URL gambar yang Anda inginkan

C. Mengganti Home, Newer dan Older dengan gambar

Cara mengganti ke-3 hal di atas, tambahkan kode berikut:
<img src="Alamat URL"/>
--> ganti Alamat URL, dengan URL gambar
--> ganti kode yang berwarna merah pada no. 2 dengan alamat URL, contoh
  • ganti <data:newerPageTitle/> dengan gambar untuk posting selanjutnya.
  • ganti <data:olderPageTitle/> dengan gambar untuk posting sebelumnya.
  • ganti <data:homeMsg/> dengan gambar untuk home atau beranda.
3. Jangan lupa simpan dan lihat hasilnya.

Sekian blogging tips kali ini tentang bagaimana cara mengganti atau merubah navigasi next post dan previous post pada blog. Jangan lupa ikuti +Bangiz untuk mendapatkan info menarik lainnya.
Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Mengganti Navigasi Next Previous
Cara Mengganti Navigasi Next Previous
Cara mengganti navigasi next prev pada blogger, merubah navigasi post terbaru dan post sebelumnya dengan gambar, mengganti link navigasi di bawah artikel..
https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-m5xprpCA6Nw%2FUbW0PGrYYcI%2FAAAAAAAAFYI%2FDhFJqB28GG0%2Fs320%2FAngel_Smoke.jpg&container=blogger&gadget=a&rewriteMime=image%2F*
Bangiz
https://bangiz.blogspot.com/2013/06/Replace.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2013/06/Replace.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy