Selasa, 12 Juli 2011

Cara Membuat Read More

Ada kalanya posting yang Anda buat terlalu panjang, sehingga banyak menghabiskan space di halaman home blog Anda. Hal ini juga berakibat jadi semakin lama halaman Anda untuk dibuka pengunjung.
Nah agar posting Anda yang panjang itu tidak banyak memakan space, bisa disiasati dengan beberapa cara. Memang hal ini tidak berlaku bagi tempelate yang sudah memiliki auto read morenya.
Tapi untuk tempelate yang belum otomatis memotong postingan Anda, selain mengganti dengan tempelate yang sudah auto read more bisa juga Anda memakai cara berikut.


Untuk cara pertama kita bisa menambahkan kode <!--more--> didalam posting, tapi ingat kode ini di pakai dalam penulisan Edit HTML bukan di Compose. Nah tinggal Anda pilih diparagraf mana yang mau Anda potong jadi READ MORE. Yaitu tinggal meletakan kode <!--more--> ini di bawahnya.
Cara ini memang manual dan agak sedikit ribet untuk itu cara yang kedua adalah dengan menambahkan kode

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

pada HTML tempelate Anda. Dan jangan lupa untuk mencentang Expand Widget tempelate nya terlebih dahulu. Kemudian kode ini disimpan tepat dibawah </head>. Seperti biasa untuk memudahkan mencari kode </head> gunakan ctrl+F.


Selain kode di atas, Anda juga bisa menggunakan kode

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Kalau kode ini diletakan setelah

<data:post.body/> atau <p><data:post.body/></p>

Beres edit klik save tempelate

Ket: Hanya tulisan yang berwarna merah yang boleh Anda ganti.
# Summary noimg 430 = tinggi artikel terpenggal tanpa image
# Summar img 430 = tinggi artikel terpenggal dengan image
# Readmore bisa Anda ganti dengan Baca Selengkapnya, full read dll.

Untuk selanjutnya Anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.
Semoga bisa membantu Anda.

Tidak ada komentar:

Posting Komentar

Mohon isi kolom komentarnya ya :)