Komen gak Komen yang Penting Thank You...
Membuat Readmore Dengan Gambar
Pasti sudah tahu Readmore kan, nah jika blog kamu belum mempunyai readmore, alias artikelnya masih memanjang, nah untuk itu agar tampilanya lebih rapi sebaiknya kamu memasang Readmore di blog kamu.
Disini saya akan memberikan Tutorial Cara Membuat Readmore Dengan Gambar, setelah sebelumnya kita membahas tentang Tips Membuat Read More Dalam Sekejap Mata.
Seperti judulnya... dengan kode dibawah ini kamu bisa membuat Readmore yang menggunakan Icon Gambar. Nah langsung saja ini dia Membuat Readmore Dengan Gambar :
- Login ke Blogger
- Pilih Layout --> Edit HTML
- Kamu mau memback-up template kamu dulu nggak?,
- kalo iya kilik tulisan Download Template lalu simpan.
- Kopi kode berikut ini dan taruh tepat diatas kode </head>
- <script src='http://i1146.photobucket.com/albums/o532/syarif4ayeb/read.jpg' type='text/javascript'/>
- Kalo sudah cari kode dibawah ini
- ganti kode tersebut menjadi seperti ini: letaknya kira-kira di bagian tengah kebawah.Nha disitu ketemu kan kodenya?
- Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> ganti kode tersebut menjadi seperti ini:
- <div class='post-body entry-content' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'>
- Terus dibawahnya kan kan ada kode gini <data:post.body/> ?
- Tembahkan kode ini dibawahnya.
<b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if>jadi seluruh kodenya akan menjadi seperti dibawah ini :
<div class='post-header-line-1'/> <div class='post-body entry-content' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'> <p><data:post.body/></p> <b:else/> <style>#fullpost {display:none;}</style> <p><data:post.body/></p> <span id='showlink'> <p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p> </span> <span id='hidelink' style='display:none'> <p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if>
- Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
- Lalu simpan template.
- Pilih menu Setting -->> Formatting
- Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.
- <span id="fullpost"> </span>
- selesai....
Ohya, kalau memposting pilih yang "Edit Html", letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>









