Wednesday, October 28, 2009

Read more... 3 di blog

Baiklah... kembali ke topik awal yaitu tentang menu Read more..., agar sedikit mengerti akan saya tuliskan kode dasar dari posting, yaitu :



<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 sobat sebelum di otak-atik. Jika sobat mengikuti langkah-langkah yang pernah saya tulis, maka kode nya akan berubah seperti ini:



<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 sobat hati-hati 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 sobat bisa hilang semuanya, akan tetapi sebenarnya seluruh postingan tidak hilang, akan tetapi tidak di perlihatkan 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...



Langkah yang tak kalah pentingnya yaitu sobat harus memasang kode Readmorenya pada tab Edit HTML jangan pada tab Compose, serta kode Read more... harus selalu di tutup. Contoh pemasangan kode read more... pada artikel seperti ini :


Ini adalah tulisan pada paragrap pertama yang akan muncul di halaman muka blog, paragrap - paragrap lainnya akan muncul apabila pengunjung blog meng klik link untuk membuka keluruhan artikel.

<div class="fullpost">

Paragrap yang kedua, ketiga dan seterusnya harus di tempatkan di sini, jangan di tempatkan sebelum kode readmore, jangan lupa untuk menutup kodenya ya..

</div>


Maka nanti yang akan muncul hanyalah paragrap atasnya saja yakni seperti ini :


Ini adalah tulisan pada paragrap pertama yang akan muncul di halaman muka blog, paragrap - paragrap lainnya akan muncul apabila pengunjung blog meng klik link untuk membuka keluruhan artikel.

COMMENTS :




Don't Spam Here

0 komentar to “ Read more... 3 di blog ”

Post a Comment

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda dan Saya follow juga. Blog 7ASK adalah Blog Do Follow, Terimakasih atas kunjungan Anda..!

 

Copyright © 2008-2011 All Rights Reserved. Mobile View Powered by 7ASK / WAWAN ADIE and Distributed by Template

Facebook Twitter Mykaskus