Merubah Read More Dengan Icon Image -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Merubah Read More Dengan Icon Image, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Tutorial Blogger, Artikel Variasi Icons, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Merubah Read More Dengan Icon Image
link : Merubah Read More Dengan Icon Image
Gambar dibawah ini

Merubah Read More Dengan Icon Image

Setelah pada postingan sebelumnya kita membahas Cara membuat read more atau baca selengkapnya. Kali ini saya ingin berbagi lagi dengan pengunjung, kali ini cara merubah atau mengganti read more dengan image agar tampilannya lebih menarik.

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

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

http://i685.photobucket.com/albums/vv220/amatullah_sy/read%20more/readmore-1.gif

Tambahkan kode agar image tersebut dapat ditampilakn seoperti dibawah ini :

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

Image akan terlihat seperti ini gambar kedua diatas, tentu kreasi imagenya anda bisa sesuaikan sdengan selera anda (ini hanya contoh).

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="http://i685.photobucket.com/albums/vv220/amatullah_sy/read%20more/readmore-1.gif"/></strong></a>
</b:if>

• Terakhir, save template anda! Lihat hasilnya!

Semoga bermanfaat!

Demikianlah Artikel Merubah Read More Dengan Icon Image

Sekianlah artikel Merubah Read More Dengan Icon Image kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Merubah Read More Dengan Icon Image dengan alamat link https://trikmitos.blogspot.com/2009/07/merubah-read-more-dengan-icon-image.html