Tips Cara Membuat Readmore - Tulisan Selengkapnya

Tips Cara Membuat Readmore - Tulisan Selengkapnya
Cara membuat Readmore atau cara membuat Tulisan Selengkapnya sebenarnya sangatlah mudah, tapi kebanyakan Readmore yang sebelumnya kita buat lebih sulit dibandingkan dengan Readmore otomatis. Karena Readmore otomatis ini tidak perlu susah2 untuk mengatur tulisan yang akan dipenggal atau yang akan ditampilkan oleh Readmore. berikut caranya :

1. Log In dahulu ke account blogspot sobat.

2. Klik "Page Element" & klik "Edit HTML"

3. Centang "Expand Widget Templates"

4. Cari kode berikut

</head>

5. Kemudian masukkan script di bawah ini tepat di bawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 400; summary_img = 400; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://sites.google.com/site/gudangfathur/kode/read-fathurotomatis.js' type='text/javascript'/>

6. Lalu cari kode berikut :

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

7. Ganti kode di atas dengan

<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&gt;&gt;</a></span>

</b:if>

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

8. Simpan lalu lihat hasilnya.

Keterangan : tulisan yang bercetak teba adalah yang bisa anda ganti.
=> Summary noimg = 400; tinggi artikel terpenggal tanpa image
=> Summar img = 400; tinggi artikel terpenggal dengan image
=> img_thumb_height = 100; (Thumbnail 'tinggi dalam piksel)
=> img_thumb_width = 100; (Thumbnail 'lebar dalam piksel)
=> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...??

sumber :http://fathur-net.blogspot.com/2009/12/tips-cara-membuat-readmore-tulisan.html