Cara Buat Readmore Menggunakan Icon

Readmore menggunakan icon tentunya lebih enak dipandang mata daripada readmore biasa yang bertuliskan Readmore ataupun Readmore-judul postingan. Untuk itu, ukhra akan membantu anda dengan menshare langkah - langkah mengubah readmore menggunakan icon. Kamu dapat hasilnya seperti link readmore di blog ini.

Untuk itu, kamu harus buat icon readmore kamu terlebih dahulu.. Gampang kok, nggak lama..
Buka situs http://supalogo.com/ dan buat icon kamu.. Ikuti petunjuk melalui gambar di bawah dan sesuai kan ukurannya. Andapun dapat memilih warna dan jenis tulisan sesuai keinginan anda.

Kemudian, download icon readmore yang barusan kamu buat..











Setelah kamu download, kamu upload icon kamu, ukhra sarankan menggunakan photobucket..

Setelah kamu upload icon kamu, klik get linkdan ambil direct codenya, contohnya..

http://i965.photobucket.com/albums/ae136/ukhra_photo/2-large-allblogtools.jpg

Untuk membantu anda, buka notepad dan buat link di atas seperti ini

<img src="http://i965.photobucket.com/albums/ae136/ukhra_photo/2-large-allblogtools.jpg " border="0" alt="Photobucket" /> <br /><br />

Lanjutkan dan ikuti langkah - langkah berikut

1. Login ke Akun blog kamu
2. Masuk ke Layout/Tata Letak
3. Klik Edit HTML
4. Beri centang pada Expand Widget Template

Note...! Upzz..Pastikan blog anda telah memasang read more sebelumnya..

5. Kemudian cari tulisan Read more, biasanya seperti ini bentuknya..

<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Readmore</a></span><br /><br />

atau

<br/> <a href="'data:post.url'"><strong>Read More...</strong></a> <br /></b:if> <br /><br />

6. Lalu, ganti tulisan Read more dengan link icon anda yang sudah di upload dan sudah di modifikasi seperti ini tadi

<img src="http://i965.photobucket.com/albums/ae136/ukhra_photo/2-large-allblogtools.jpg " border="0" alt="Photobucket" /> <br /><br />

7. Simpan dan lihat hasilnya....

Mudah kan.. blog kamu pun kelihatan lebih kreatif...

Posted in: Tips Blog