Tips dan Trik membuat Read More

Bikin readmore di blog emang kayaknya wajib nih. Biar tampilan blog jadi rapi. Dan kita bisa nampilkan beberapa postingan untuk kita taruh di halaman depan sekaligus bikin browser gak kelamaan membuka front page atau halaman depan blog kita. Namun, terkadang kita kesulitan saat mau bikin posting dimana kode-kode saling bertabrakan, misanya kode untuk meratakan paragraf atau kode untuk menapilkan huruf gontol-gontokan dengan kode <span class="fullpost"> dan kode </span>

Nah, berikut aku mau berbagi jurus bikin Readmore yang ngga ngerepotin, Readmorenya bekerja secara otomatis bro. Langsung aja ngetik di ruang posting pada mode compose. Atur warna huruf, tebal, miring atau perataan parangrafnya sesuka hati, tanpa khawatir readmorenya ngga bekerja.

Ok blogger, ... youk ngilikin template sebentar ...

1. Back up dulu templatemu
2. Login ke blogspot.com
3. Klik Customize
4. Klik Layout
5. Klik Edit HTML
6. Conteng kotak Expand Widget Templates
7. Cari kode seperti di bawah ini :

</head>

Selanjutnya, kopi kode di bawah ini lalu letakkan di bawah kode </head> tadi

<script type="text/javascript"> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src="http://syahenimkojek.googlepages.com/readmore_keren_bro.js" type="text/javascript"></script>

Selanjutnya, cari kode seperti di bawah ini :

<data:post.body/>

Ganti kode tersebut dengan kode seperti di bawah ini :

<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'> read more &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Klik save. Dan mulailah memposting

Selamat mencoba