Tutorial Blog of Salon Oyah: Membuat "Readmore" pada postingan Anda...

Selasa, 02 Maret 2010

Membuat "Readmore" pada postingan Anda...

di Selasa, Maret 02, 2010

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 = "no-float" ; 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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>Readmore>></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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....