Senin, 03 Desember 2012

Cara Menghilangkan Readmore di Page (Laman)

Cara Menghilangkan Readmore di Page (Laman) - Sebelumnya saya telah memposting tentang cara memasang readmore otomatis. Readmore otomatis berguna untuk memotong beberapa bagian artikel sehingga terlihat rapi di Beranda dan menjadi lebih singkat sehingga kita dapat menampilkan banyak postingan tanpa memakan banyak ruang.

Namun, readmore otomatis muncul juga di halaman page (Laman) seperti About, Contact, dan lain sebagainya.  Walaupun tautan "readmore" pada Laman sudah diklik, namun tidak dapat membuka isi Laman secara keseluruhan.

Readmore pada Laman ini dapat dihilangkan dengan cara menyisipkan kode tertentu pada bagian kode "Readmore Otomatis". Untuk lebih jelasnya, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger.

2. Klik "Opsi lainnya" > "Template".

3. Klik tombol "Edit HTML" > "Lanjutkan".

4. Beri tanda centang pada "Expand Template Widget".

5. Kemudian carilah bagian kode readmore yang kira-kira seperti di bawah ini.

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<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'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

6. Setelah itu tambahkan kode berikut di atas kode <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>

Lalu, jangan lupa tambahkan kode penutupnya yaitu </b:if> di bawah kode <div style='clear: both;'/> <!-- clear for photos floats --> sehingga hasil akhirnya akan menjadi seperti di bawah ini.

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>
<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'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</b:if>
    </div>

7. Klik tombol "Simpan template" dan lihat pada Laman apakah masih ada "readmore"nya, jika tidak ada berarti berhasil.

Semoga bermanfaat bagi Sobat. Cukup sekian tulisan singkat yang dapat saya ketikkan di Blog Mulyono Website ini. Semoga dapat berguna buat teman-teman sekalian, terutama buat sahabat blogger di indonesia. Jangan pernah lupa untuk membagikannya di jejaring sosial facebook, twitter dan google plus. Sampai ketemu di informasi berikutnya, thanks sobat, Heppy Bloging!

Tidak ada komentar:

Posting Komentar