Minggu, 04 Februari 2018

Cara Mengganti Tulisan Older Post, Newer Post Dan Home dengan Icon Gambar

Cara Mengganti Tulisan Next Selanjutnya Newer Post, Previous sebelumnya/ Older Post Dan Home Beranda dengan Gambar icon keren dan responsive. Halo sobat blogger kali ini admin akan membuat tutorial mengenai cara menganti icon next previous dan home, dengan gambar. mungkin ada beberapa dari teman teman yang ingin sekali merubah icon tersebut dengan desain gambar milik sendiri. 

Mengganti halaman selanjutnya atau sebelumnya pada blogger sangat lah mudah sekali, mungkin juga jika teman teman ingin sekali menggunakan icon gambar yang sudah saya buat seperti ini


Nah untuk pembuatannya silakan simak langkahnya berkut ini :

1. Silahkan login ke akun blogger anda
2. Silahkan pilih menu TEMA >> EDIT HTML
3. Jika sudah silahkan tekan CTRL+F lalu cari kode berikut ini :

expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
Keterangan: Posting Lebih Baru(Previous)
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
Keterangan: Posting lama(Next)
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Keterangan: Beranda(Home)

atau jika tidak ada kode diatas temukan kode berikut :
<data:newerPageTitle/>
<data:olderPageTitle/>
<data:homeMsg/>
Jika sudah ketemu   Silahkan ganti kode tulisan merah diatas dengan kode gambar berikut ini
expr:title='data:newerPageTitle'><img src='https://2.bp.blogspot.com/-pKkwftQRyWY/WnfriFc1LCI/AAAAAAAAANU/aSkO9AlbO_4QCQRVJLp4bBf7MhpmLMUywCLcBGAs/s1600/icon%2Bnext.png' /></a>
Keterangan: Posting Lebih Baru(Previous)
expr:title='data:olderPageTitle'><img src='https://1.bp.blogspot.com/-C8ykprsjr0I/Wnf2awqRZUI/AAAAAAAAAN4/r5Q-T6YxgCA04rRCYF1ZpIvdTdTrOpE8gCLcBGAs/s1600/Next%2BBlack.png' /></a>
Keterangan: Posting lama(Next)
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='https://2.bp.blogspot.com/-j8DP-aFt-CU/Wnf2a9Sw1hI/AAAAAAAAAN0/5lnrS71fBaoNVzeBUSJPKrUrJoXg1tqnwCLcBGAs/s1600/gfgsf.png' />

</a>
Keterangan: Beranda(Home)

4. Lalu Simpan Tema

Jika teman teman hanya ingin menganti tulisan saja seperti selanjtnya, seelumnya dan beranda, maka teman teman cukup mengganti kodenya menjadi seperti ini
expr:title='data:newerPageTitle'>Sebelumnya</a>
Keterangan: Posting Lebih Baru(Previous)
expr:title='data:olderPageTitle'>Selanjutnya</a>
Keterangan: Posting lama(Next)
<a class='home-link' expr:href='data:blog.homepageUrl'>Beranda</a>
Keterangan: Beranda(Home)
Bagaimana sobat mudah bukan ??itulah tutorial mengenai Cara Mengganti Tulisan Next Selanjutnya Newer Post, Previous sebelumnya/ Older Post Dan Home Beranda dengan Gambar icon keren dan responsive semoga informasi ini dapat membantu :D


EmoticonEmoticon