Menukarkan Text Read More Kepada Image.

Text Read More Kepada Image

Menukarkan text Read More... kepada Image.

Sekiranya anda belum memasang Read More... anda perlu memasang Read More... terlebih dahulu.

Bagaimana untuk memasangnya ? Sila rujuk tutorial cara-cara memasang Auto Read More.

Setelah siap memasang Read More... Sila ikuti langkah selanjutnya bagaimana untuk menukarkan text Read More... kepada image.

1. SIGN IN akaun blogger.

2. Pilih LAYOUT ---> EDIT HTML.

3. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

Blog Tricks Read More

4. Cari kod Html ini.

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

5. Gantikan text READ MORE - dengan kod image di bawah.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNDG1YcIIiH-4EMnJPyYKs_9P5JklI2qNuVxJXeNV48NaQ7mL3BgHRNDNXYy1RHrmvDPfBegQcyAa1qbwDmmYzPeKQw9JXrbJ5AqJfnYllkT-HGy8MQ2pX7azZy7SDEHBbTh8dK9wObhF/s400/New-Read-More.png'/></a>

6. Gantikan Url Image berwarna biru kepada Url Image anda.

7. Pilih PREVIEW untuk melihat hasilnya.

8. Sekiranya anda berpuashati SAVE TEMPLATE.

9. Selamat Mencuba...

No comments:

Post a Comment