Cara Membuat Read More Menggunakan Span-id
Karena kesal karena tidak menemukan trik untuk membuat read more menggunakan syntax <span id="fullpost"> akhirnya saya beranikan untuk bereksperimen lagi. Sudah lama tidak melakukan eksperimen lagi buat saya agak bingung. Tapi untungnya saya bisa menyelesaikannya dengan baik. Ehm, saya menemukan trik ini sendiri lho. Tapi kalo trik ini emang udah ada dan persis menggunakan kode seperti saya, berarti itu kebetulan, hehe. Trik ini mengungkap bagaimana kita membuat read-more. Pasti Anda sudah tahu apa itu read-more. Read-More sama saja dengan penyingkatan posting pada halaman utama blog agar tidak terlalu panjang. Dengan meng-klik link Read More, maka kita akan langsung menuju link postingan tersebut.
Udah gitu aja deh intermezo nya, wakakakak :))
Saatnya membeberkan eksperimen saya. Ikuti langkah-langkah berikut ini:<span id="fullpost">
</span>
Pemasangan kode ini bertujuan untuk mempermudah kita menampilkan kode tersebut pada Edit HTML sewaktu kita hendak memposting suatu artikel. Jadi kode tersebut akan otomatis muncul dan kita tinggal menulis posting tanpa kesulitan mengingat kode tersebut jika kita belum memasangnya.
Langkah selanjutnya adalah pengeditan pada HTML. Mari ikuti langkah-langkah berikut ini:<div class='post-body'>
Kalo nggak ketemu coba cari kode ini:<div class='post-body' expr:id='"post-" + data:post.id'>
<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>
Taruh kode ini di bawah kode tadi:<span id='showlink'>
<a expr:href='data:post.url'>Read more...</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
Nah, cara mengeposkan artikelnya adalah seperti metode berikut ini:
Postingan yang akan tampil pada halaman utama<span id="fullpost">Posting yang akan disembunyikan dari halaman utama</span>
Ohya, kode <span id="fullpost"> akan muncul hanya pada saat kita akan menulis posting pada tab Edit HTML. Kalau pada tab Compose, kode ini tidak akan muncul. Jadi pindah dulu ke Edit HTML kalau masih pada posisi Compose.
Udah jelas kan? Kalau ada yang kurang jelas, tanyain pada kolom komentar aja ya? Semoga berhasil!!!
 |
7
komentar
:a:
:b:
:c:
:d:
:e:
:f:
:g:
:h:
:i:
:j:
:k:
:l:
:m:
:n:
7 komentar:
mas mas,, ajarin dumz.. newbie nehh.. :c:
gila lu...masih berani bilang newbie...
mas kalo umpamanya mau kasih bacaan read morenya berkedip gmana! :m:
thx yach
:f:
makasih ya kak udah sharing. Tia juga pake itu :j
masih gagal.., :i:
ini tutorial baru bener n cepet bikinnya ....!! :g: :g: :g: :g: :g:
ga ada semenit langsung jadi. mantap, gan!
yang laen pada pake js-js segala.
mana hosting js'nya sama semua.:j: