mumpung lagi libur isi catatannya bukan materi kuliah.. :P
iseng2 saya ganti template blog, nah timbul masalah karena ketika mengganti template/skin blog maka berubahlah semua pengaturan yang telah ada pada template sebelumnya. maka dari itu biar gak lupa maka saya catat gimana caranya buat readmore pada artikel blog..
pertama dan terutama sekali yang mesti kita lakukan tentunya pergi ke dashboard blog, terus Rancangan, terus edit html. nah selanjutnya jangan lupa ceklist pilihan Expand Template Widget
selanjutnya kita mesti mencari
<data:post.body/> pada code tempate tsb.
caranya pencet CTR+F lalu paste kan tag tsb.
nah perhatikan code standard yang biasa ada pada code html tempate
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Perhatikan baik-baik kode di atas, itu merupakan kode asli dari template sebelum di otak-atik. selanjutnya kita ubah sedikit kodenya menjadi
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!-- satu -->
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p> <!-- dua -->
<a expr:href='data:post.url'>Read more.....</a>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Kode di atas sengaja di bedakan warnanya, warna biru merupakan kode asli dari template, warna merah merupakan kode yang harus di tambahkan. Yang perlu diperhatikan adalah kode ini :
<p><data:post.body/></p>
Kode di atas harus di pastikan ada dua tidak boleh ada satu karena jika ada satu maka postingan akan hilang semuanya/tidak ditampilkan alias di sembunyikan. Postingan di perlihatkan dan di sembunyikan karena kode :
<style>.fullpost{display:inline;}</style>
<style>.fullpost{display:none;}</style>
{display:inline;} artinya di tampilkan, dan {display:none;} artinya jangan di tampilkan alias sembunyikan dan kode inilah apabila salah pemasangan mengakibatkan semua postingan menjadi tidak di tampilkan, jadi apabila di satukan dari seluruh kode, maka kira-kira seperti ini :Tampilkan postingan
Jangan tampilkan postingan
Tampilkan postingan apabila di klik link Read more...
cukup sekian untuk edit HTML. :)
selanjutnya masuk ke Pengaturan, terus klik Format, paste kan code berikit pada kotak Templat Entri
<div class="fullpost">
</div>
jadi ketika kita ingin posting entry baru maka code diatas akan otomatis ada pada kota penulisan entry
ohya jangan lupa format untuk menulis
paragraph yang ditampilkan disiniitu saja cukup sekian dan terimakasih.<div class="fullpost">
yang disembunyikan disini</div>
source : http://kolom-tutorial.blogspot.com/
0 comments:
Post a Comment