Membuat Readmore dengan Icon

Yang pertama harus disiapkan tentu adalah sebuah icon image seperti ini:

Kemudian uploadlah image tersebut ke situs tempat penyimpanan image seperti photobucket, atau postingan blog anda. Setelah proses upload selesai, copylah URL image tersebut, seperti contoh dibawah ini :

<img src="http://i685.photobucket.com/albums/bloggertrick/read%20more/readmore.gif"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS8xU_doHrfcWt_0mEuaEH2-1_yoepFvY8DojdHkWs_ObX50QS7PHbLptHJhIoU7UPEAhAIzhsKVTNczYYGObQXV2XOza5hyGAkyPAC4sko17T819pBkSkPbYX0TZTohBFmjTrCb8i1UE/s400/th_readmore_thumb.jpg"/>

Selanjutnya ikuti tutorial berikut:

* Seperti biasa anda harus dalam keadaan sig ini pada blogger
* Masuk menu Tata Letak/ Layout=>klik Edit HTML=>Centang kotak kecil disamping Expand Template Widget
* Untuk menjaga yang tidak anda inginkan bisa Back up terlebih dahulu template anda!
* Kemudian cari kode seperti ini:

<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Read More...</strong></a>
</b:if>

Gantilah kalimat Read More dengan URL image yang telah disiapkan diatas, sehingga menjadi seperti ini :

<p><data:post.body/></p>
<a expr:href='data:post.url'><strong><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS8xU_doHrfcWt_0mEuaEH2-1_yoepFvY8DojdHkWs_ObX50QS7PHbLptHJhIoU7UPEAhAIzhsKVTNczYYGObQXV2XOza5hyGAkyPAC4sko17T819pBkSkPbYX0TZTohBFmjTrCb8i1UE/s400/th_readmore_thumb.jpg"/></strong></a>
</b:if>

* Terakhir, save template anda! Lihat hasilnya!

Semoga bermanfaat!