Monday, May 19, 2008
Making Readmore
Hari ini hari yang membosankan di tempat kerjaan gw. Banyak keputusan yg di ambil berdasarkan kelenjar ludah bukan berasal dari kelenjar otak. Tapi ya sudahlah, semua sudah terjadi. Hari ini gw akan membahas mengenai cara membuat readmore atau baca selengkapnya pada Blogger. Blogger yang sekarang memiliki dua variasi pada template yang menyebabkan dua cara pembuatan readmore atau baca selengkapnya pada Blogger yaitu pada versi Classic template dan New template.
Jangan panik, gw ga akan tanggung-tanggung koq, di malam ini gw akan memberitahu keduanya. Sambil menenangkan pikiran gw dan di temaniJames Blunt yang nyanyi di Byon gw, gw akan
menjelaskan nya sebaik mungkin agar dapat dimengerti dengan mudah.
Pertama gw akan menjelaskan cara pembuatan di template classic dahulu. Carilah code berikut di template yg lo gunakan <style>...</style> , kemudian letakkanlah kode berikut di antara tempat yang gw sebutkan tadi :
<mainorarchivepage> span.readmore {display:none;} </mainorarchivepage>
<itempage>
span.readmore {display:inline;}
</itempage>
Biar lebih memudahkan lo gw menyarankan letakkan kode tersebut di bawah nama template lo, tujuannya supaya lo gampang mengingatnya. Dari kode tersebut dapat diartikan kita membuat CSS baru yang bernama readmore. Langkah berikutnya adalah temukan script berikut pada template lo:
<$BlogItemBody$> dan kemudian letakkan script berikut ini dibawahnya.
<mainorarchivepage><br />
<a href="<$BlogItemPermalinkURL$>">Read More..</a>
</mainorarchivepage>
Setelah itu sava template lo dan publish kembali. Cara penggunaannya adalah ketika lo ingin mempublish postingan gunakan <span class="readmore"> dan kemudian ditutup dengan </span>
contoh:
Postingan ini ingin saya publish <span class="readmore"> dan saya berhasil...</span>
Hasilnya:
Postingan ini ingin saya publish Readmore..
Dan jika lo klik readmore hasilnya akan menjadi:
Postingan ini ingin saya publish dan saya berhasil...
Fiuhh...sekarang giliran yang new layotu template, sebelumnya lo masuk dl ke bagian edit HTML pada template kemudian pilih Expand Widget Templates, kemudian masukkan script berikut sebelum tag </head> ini scriptnya:
<style><b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;}<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Kemudian temukan script berikut di template lo
<p><data:post.body/></p>
dan letakkan script berikut sebelum tag </p>
<style><b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;}<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
dan terakhir sama seperti yang classic template, masukkan code berikut di bagian yang ingin lo potong <span class=”fullpost”> dan diakhiri dengan </span> di akhir kalimat lo.
Wah cape bgt gw, ni dah mo besok gw belum pulang juga kerumah, tadi gw pulang kerja suntuk banget jadi gw refresh dulu dg maen game online. Gw berharap cara ini bisa lo pakai pada blog lo. Sekarang gw mau lanjut maen game lagi, biarin aja ampe besok, hhehehe... :)
Jangan panik, gw ga akan tanggung-tanggung koq, di malam ini gw akan memberitahu keduanya. Sambil menenangkan pikiran gw dan di temaniJames Blunt yang nyanyi di Byon gw, gw akan
menjelaskan nya sebaik mungkin agar dapat dimengerti dengan mudah.
Pertama gw akan menjelaskan cara pembuatan di template classic dahulu. Carilah code berikut di template yg lo gunakan <style>...</style> , kemudian letakkanlah kode berikut di antara tempat yang gw sebutkan tadi :
<mainorarchivepage> span.readmore {display:none;} </mainorarchivepage>
<itempage>
span.readmore {display:inline;}
</itempage>
Biar lebih memudahkan lo gw menyarankan letakkan kode tersebut di bawah nama template lo, tujuannya supaya lo gampang mengingatnya. Dari kode tersebut dapat diartikan kita membuat CSS baru yang bernama readmore. Langkah berikutnya adalah temukan script berikut pada template lo:
<$BlogItemBody$> dan kemudian letakkan script berikut ini dibawahnya.
<mainorarchivepage><br />
<a href="<$BlogItemPermalinkURL$>">Read More..</a>
</mainorarchivepage>
Setelah itu sava template lo dan publish kembali. Cara penggunaannya adalah ketika lo ingin mempublish postingan gunakan <span class="readmore"> dan kemudian ditutup dengan </span>
contoh:
Postingan ini ingin saya publish <span class="readmore"> dan saya berhasil...</span>
Hasilnya:
Postingan ini ingin saya publish Readmore..
Dan jika lo klik readmore hasilnya akan menjadi:
Postingan ini ingin saya publish dan saya berhasil...
Fiuhh...sekarang giliran yang new layotu template, sebelumnya lo masuk dl ke bagian edit HTML pada template kemudian pilih Expand Widget Templates, kemudian masukkan script berikut sebelum tag </head> ini scriptnya:
<style><b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;}<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
Kemudian temukan script berikut di template lo
<p><data:post.body/></p>
dan letakkan script berikut sebelum tag </p>
<style><b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;}<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
dan terakhir sama seperti yang classic template, masukkan code berikut di bagian yang ingin lo potong <span class=”fullpost”> dan diakhiri dengan </span> di akhir kalimat lo.
Wah cape bgt gw, ni dah mo besok gw belum pulang juga kerumah, tadi gw pulang kerja suntuk banget jadi gw refresh dulu dg maen game online. Gw berharap cara ini bisa lo pakai pada blog lo. Sekarang gw mau lanjut maen game lagi, biarin aja ampe besok, hhehehe... :)
Labels: Internet
posted by ari Goethe at 8:43 pm
