Pada postingan sebelumnya saya telah memberikan tutorial mengenai cara membuat Read More, akan tetapi postingan tersebut hanya menggunakan text saja untuk tampilannya. Dan untuk melengkapi Readmore yang telah kita buat sebelumnya, ada baiknya kita tambahkan sebuah icon pada readmore tersebut.
O, ya, jangan lupa tutorial ini adalah sambungan dari yang sebelumnya. Dan bagi yang pada blognya belum terdapat readmore dalam bentuk text, maka wajib mengikuti tutorial membuat Readmore sebelumnya.
Oke, langsung kita mulai aja memodifikasi readmorenya:
1. Login ke Akun Blogger anda masing-masing
2. Klik Layout atau Tata Letak, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Cari kode dibawah ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>
Jika tidak ketemu cobalah hapus sedikit demi sedikit script diatas. Bila tidak bisa juga, anda tulis Read More.
Setelah anda menemukan Kode Diatas, Ganti Tulisan
Read More... <data:post.title/>
dengan kode dibawah ini:
<img border="0" src="Paste alamat hostingan gambar Read More Anda"/>
Setelah itu Save dan lihat hasilnya, jika anda melakukannya dengan benar maka Tulisan Read More... yang sebelumnya akan berubah menjadi Icon Button atau gambar Read More...
Nah, buat anda yang tidak mempunyai Icon Button atau Gambar Read More sendiri saya akan memberikan beberapa pilihan Read More yang bisa anda pergunakan :
http://lh4.ggpht.com/_OzNnI7Y03Iw/S3jOUc9SkkI/AAAAAAAAA94/oKajALH-z-c/1-mini-allblogtools.png
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jOUa4I81I/AAAAAAAAA90/eLAtlSQuH4w/7-large-allblogtools.gif
http://lh3.ggpht.com/_OzNnI7Y03Iw/S3jN2jC8gpI/AAAAAAAAA9o/f_-RTQ4x7Ms/14-large-allblogtools.jpg
http://lh3.ggpht.com/_OzNnI7Y03Iw/S3jN2q4USKI/AAAAAAAAA9k/CriPbZuuF9Y/13-large-allblogtools.jpg
http://lh5.ggpht.com/_OzNnI7Y03Iw/S3jN2TnfzpI/AAAAAAAAA9g/Zb5lSTXKg5A/12-large-allblogtools.jpg
http://lh4.ggpht.com/_OzNnI7Y03Iw/S3jNjUYy_iI/AAAAAAAAA9Y/y1Chjeovmzo/Read%20more-9-diary%20osi.gif
http://lh4.ggpht.com/_OzNnI7Y03Iw/S3jNjFxrX_I/AAAAAAAAA9U/kNSURFubxSk/Read%20more-7-diary%20osi.gif
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jNRLdlByI/AAAAAAAAA9Q/X70Dx_Ltrnc/Read%20more-5-diari%20osi.gif
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jNJZEU0kI/AAAAAAAAA9M/BIAf7S4n0eU/Read%20more-6-diary%20osi.gif
http://lh3.ggpht.com/_OzNnI7Y03Iw/S3jKsXHRHcI/AAAAAAAAA9E/yapeu5jGFv8/Read%20more-1-diary%20osi.gif
http://lh3.ggpht.com/_OzNnI7Y03Iw/S3jKsVlJ36I/AAAAAAAAA9A/FMO7WJ3pwnU/Read%20more-2-diary%20osi.jpg
http://lh5.ggpht.com/_OzNnI7Y03Iw/S3jKjWh7qfI/AAAAAAAAA88/c3W9OEJs7XE/Read%20more-3-diary%20osi.gif
http://lh4.ggpht.com/_OzNnI7Y03Iw/S3jKjDoXjGI/AAAAAAAAA84/TRyvgG7gX7Y/Read%20more-4-diary%20osi.gif
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jKjMgV96I/AAAAAAAAA80/hvgO5GIr-3c/Read%20more-8-diary%20osi.gif
http://lh4.ggpht.com/_OzNnI7Y03Iw/S3jKixHYw1I/AAAAAAAAA8w/n-bJA_VLFdg/Read%20more-10-diary%20osi.gif
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jKizV-klI/AAAAAAAAA8s/LH4bilzR3s4/Read%20more-11-diary%20osi.gif
http://lh3.ggpht.com/_OzNnI7Y03Iw/S3jKSKtmioI/AAAAAAAAA8o/O3I2i4DTO1E/Read%20more-12-diary%20osi.png
http://lh5.ggpht.com/_OzNnI7Y03Iw/S3jKR9Cl0lI/AAAAAAAAA8k/vAvUuq637ak/Read%20more-13-diary%20osi.png
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jKR_DS4dI/AAAAAAAAA8g/SoSkMd9jUo8/Read%20more-14-diary%20osi.gif
http://lh5.ggpht.com/_OzNnI7Y03Iw/S3jKRnaKKEI/AAAAAAAAA8c/hKnyO_BTkHY/Read%20more-15-diary%20osi.png
http://lh4.ggpht.com/_OzNnI7Y03Iw/S3jKRtY1GbI/AAAAAAAAA8Y/D6HVNeOhRsY/Read%20more-16-diary%20osi.gif
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jJuIxtTyI/AAAAAAAAA8Q/V52en3gmO5k/Read%20more-16-diary%20osi.png
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jJt-0S1wI/AAAAAAAAA8M/ekj4WTq_9Mo/Read%20more-18-diary%20osi.jpg
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jJt9-G1EI/AAAAAAAAA8I/dThdEXCa1Ao/Read%20more-19-diary%20osi.jpg
http://lh6.ggpht.com/_OzNnI7Y03Iw/S3jJtvrbPiI/AAAAAAAAA8E/u0KBM0Cvgr8/Read%20more-20-diary%20osi.jpg
http://i785.photobucket.com/albums/yy131/djnand/readMorehitam.png
http://i785.photobucket.com/albums/yy131/djnand/but_moreinfoorange.gif
Semoga bermanfaat.
