Tutorial cara mengganti tulisan posting lebih baru dan lama dengan gambar panah, lebih detailnya adalah mengganti tulisan posting lebih baru dengan gambar panah menghadap ke kiri, mengganti tulisan posting lama dengan panah menghadap ke kanan dan tulisan beranda dengan tulisan kembali ke atas.
Langkah-langkahnya adalah sbb :1. Cari kode html tulisan posting lebih baru'nya dikolom edit html seperti ini.
<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>2. Cari kode html tulisan posting lama seperti ini.
<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>3. Cari kode html tulisan beranda seperti ini.
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Supaya jelas kalian tahu dimana letak kode html posting lebih baru, beranda dan posting lama, lihat gambar dibawah!
Kemudian siapkan gambar panah ke kiri untuk mengganti tulisan posting lebih baru, gambar panah ke kanan untuk mengganti tulisan lama dan tulisan kembali ke atas untuk mengganti beranda.
Inilah kode htmlnya :
Kode html gambar panah menghadap ke kiri («-) adalah «
Kode html gambar panah menghadap ke kanan (-») adalah »
Selanjutnya gantilah kode html posting lebih baru, beranda dan posting lama menjadi seperti ini :
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>«</a>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>»</a>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Langkah terakhir klik tombol simpan template! dan lihat hasilnya seperti di bawah.
Demikianlah share dari saya tentang cara mengganti tulisan posting lebih baru dan lama dengan gambar panah, semoga bermanfaat.
Tags:
#Tips dan trik blogger
0 komentar