Cara Mengganti Baca selengkapnya / Read more / Continue Reading di Postingan Blogger dengan Gambar

Assalamuallaikum wr wb,..

Hai Sahabat apa kabarnya, semoga dalam keadaan baik-baik saja. 

Seperti Janjiku pada postingan kemarin, aku ingin melanjutkan Trik jitu bagaimana caranya membuat tulisan "Read More" di Postingan kamu menjadi sebuah gambar. Caranya gampang banget, dijamin sahabat pasti suka.

Cara-caranya adalah :

1. Masuk ke akun Blogger.com > Template > Edit HTML. Seperti gambar berikut :

2. Cari code <data:post.jumpText/>. Biar mudah, klik kursor pada kotak HTML, kemudian tekan CTRL + F lalu masukkan code <data:post.jumpText/> dan tekan Enter. Begini caranya :

3. Setelah menemukan code <data:post.jumpText/> ganti code tersebut dengan code di bawah ini :

<img src=”ISI DENGAN URL GAMBAR Kalian”/>

Ganti teks warna merah dengan URL Gambar Read more yang kalian buat. 

Saran dari aku sebelum upload gambarnya, ganti ukurannya menjadi 150×43 pixel. Atau, jika kalian males ribet mendesainnya, aku sudah siapkan beberapa URL gambar yang bisa kalian gunakan :

Setelah kalian ganti, maka susunan HTML-nya akan seperti gambar ini :

 4. Jika kalian ingin mengganti posisi Read More, ganti code <div class='jump-link'> menjadi <div class='jump-link' style='text-align: right;'> Lakukan seperti gambar di bawah ini :

Sebelum 

Sesudah

Ganti posisi warna merah sesuai keinginan kalian menjadi right, center atau left.

5. Jika sudah, klik Pratinjau Template sebelum disimpan. Jika sudah benar, Simpan Template.

Begini haslinya jika benar sahabat Benar 😋

Bagaimana? Mudahkan cara menggantinya? Jika masih binggung, boleh kepoin aja aku hhehe..