Merubah Tulisan Sebelumnya dan Selanjutnya dengan Gambar

Merubah Tulisan Sebelumnya dan Selanjutnya dengan Gambar. Hallo semuanya gimana kabarnya? semoga pada baik dan selalu di lindungi TUHAN, amin. Pada kali ini saya akan beberikan sedikit tips pernak pernik untuk memperindah blogger sobat, mau tau apa yang akan berikan? ini dia cara merubah tulisan Next atau Selanjutnya yang ada di bawah postingan untuk menuju ke postingan selanjutnya atau sebelumnya dengan gambar, Penasarankan? yuk simak tutorial Blogger berikut ini.

Ini contoh yang telah saya ubah

Sebelum memulai sebaiknya kita connect dulu ke internet, biyar bisa ngerjainnya kemudian baru login ke blogger sobat, Setelah login selanjutnya masuk pada bagian Design atau Rancangan kemudian masuk pada bagian Edit HTML dan kasih ceklist pada bagian Expand Template Widget.

Nah Sekarang coba sobat temukan code di bawah ini untuk mempercepat pencarian tekan CTRL+F

span id='blog-pager-older-link'

kalau udah ketemu perhatikan code di bawah nya yang seperti ini

<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>

 Sekarang Edit code di atas pada bagian ujung yang seperti ini 

<data:olderPageTitle/>

 menjadi seperti ini

<img alt='older post' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb4wydm8-A1vHtzEs6bynlq-CJCMIncPQn4KpLCyjfYh6sVyiHNuYK-O9lJN-DrBGbsX8p11cqePDkAjvRM0zOul8ZqDTC1dl41f_JR2zdoC0x-N5Wc8gI3cuHCm2ECldI1UbBfVN0hJLH/'/>

maka code keseluruhannya akan menjadi seperti ini 

<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'><img alt='older post' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb4wydm8-A1vHtzEs6bynlq-CJCMIncPQn4KpLCyjfYh6sVyiHNuYK-O9lJN-DrBGbsX8p11cqePDkAjvRM0zOul8ZqDTC1dl41f_JR2zdoC0x-N5Wc8gI3cuHCm2ECldI1UbBfVN0hJLH/'/></a>

kerna ini baru bagian Previous page atau sebelumnya, maka kita harus edit satu lagi untuk bagian Next Page atau Selanjutnya cari code berikut ini jangan lupa Expand nya di ceklist dan CTRl+F buat mempercepat pencarian

span id='blog-pager-newer-link'

sama seperti tahap sebelumnya, kalau udah ketemu code tersebut perhatikan code yang di bawah nya seperti ini

<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>

Edit juga pada bagian ujung nya yang ini

 <data:newerPageTitle/>

menjadi seperti ini

<img alt='newer post' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy9FNnknVDzsl1pGzdcqmdthchIFkijXN8GDij2GHpRvB96zrTcRHUwrKDMNlYmEyPRIjei2MUsF9cf2ALFEx-3dWsPEKLp2n855yrFG70m8UG_MytXCTnvp4tl3GQGNOAPx5KRakxX58W/'/> 

Maka code nya akan menjadi seperti ini

<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'><img alt='newer post' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy9FNnknVDzsl1pGzdcqmdthchIFkijXN8GDij2GHpRvB96zrTcRHUwrKDMNlYmEyPRIjei2MUsF9cf2ALFEx-3dWsPEKLp2n855yrFG70m8UG_MytXCTnvp4tl3GQGNOAPx5KRakxX58W/'/></a>

Selanjutnya coba simpan dan lihat hasilnya !  untuk gambarnya kalau mau lebih bagus lagi coba bikin sendiri aja sesuai themes atau template blogger sobat dengan menggunakan adobe photoshop atau aplikasi lainnya, di sini saya menggunakan gambar yang berukuran height 32 pixels dan width sesuaikan dengan kata yang di buat dengan Format PNG.

selesai lah tutorial blogger Merubah Tulisan Sebelumnya dan Selanjutnya dengan Gambar, lumayan bagus bukan? kalau mau bertanya silahkan tinggalkan Komentarnya ya! atau mau artikelnya sobat di posting di blog ini silahkan kirim aja ke E-mail : Admin@ahmadfahrizal.net, makasih atas kunjungannya . .