Cara Membuat Read More With Tunimbail

Langkah2 membuat "Readmore" pada postingan Anda, sbb :

1. Login ke Account blog Anda.

2. Klik "Layout/Tata Letak" lalu "Page Element/Elemen Laman" & klik "Edit HTML"

3. Beri tanda centang/check sign di kotak "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/salonoyah/javascript/read-moreotomatis.js' type='text/javascript'/>

6. Lalu cari kode berikut :

<data:post.body/> 

atau, kalau tdk ada, cari kode berikut :

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

7. Ganti kode di atas (yang artinya, kode tsb di atas hrs dihapus - Red.) 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'>Readmore&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 berwarna merah adalah yang bisa Anda ganti, sesuai keinginan Anda.

=> 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)

=> Tulisan Readmore bisa Anda ganti dengan Baca Selengkapnya,Selanjutnya dll ...

* My special thanks for my friend => Ms. Dewi Choco, yg telah memberikan inspirasi tutorial ini... sukses aja ya, mbak Dewi.... Oooooyyyyeeeee....

Artikel Terkait:

Posted in: Tutorial Blog