August 12, 2012

Cara Membuat Read More Otomatis Pada Blog

Read-More-Blog
Cara Membuat Read More Otomatis Pada Blog. Artikel kali ini Laurencius akan memberikan Cara Membuat Readmore Otomatis Pada Blog. Artikel ini diperlukan buat template yang belum memiliki Read more Otomatis.

Banyak template oleh pembuatnya sudah menyertakan Read more, namun ada juga belum dilengkapi dengan Read more Otomatis.

Dengan Read more otomatis ini kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik.

Berikut Tahapannya :

1.Silakan masuk ke acount blogger
2.Pilih Edit Html,
3.Berikan Tanda ceklis pada bacaan "Expand Widget Template"
4.Sebaiknya backup dulu template, caranya klik "Download Full Template"
5.Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
6.Kemudian cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>

7.Ganti kode tersebut diatas dengan kode 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'>&#187;&#187;&#160;&#160;Readmore...</a></span></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
8.Klik save template
9.Selesai

Selanjutnya Kita bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis berjalan setelah Kita publish postingan.

Keterangan : tulisan yang berwarna merah bisa kita ganti.
=> summary_noimg = 430 = tinggi artikel terpenggal tanpa image
=> summary_img = 340 = tinggi artikel terpenggal dengan image
=> Readmore... bisa Kita ganti dengan Baca Selengkapnya.
=> img_thumb_height = 100; img_thumb_width = 120, sesuaikan tinggi dan lebar Gambar/Image.

Langsung dicoba ya Teman biar tahu perbedaannya dari mengganti angka diatas dan tulisannya. Selamat Mencoba Salam.

Related Posts

Cara Membuat Read More Otomatis Pada Blog
4/ 5
Oleh :

4 comments

kunjungan silaturahmi sob...

saya sudah pakai "read more" tp mungkin skripnya beda...

ayooo lainnya silahkan dipakai skrip dari blog laurencius ini... hee

@E.D.A.L.O.G.I
Heee...heee.... Makasih teman.

pertamax dulu gan . .nice share gan . .tapi ku mendingan pakek yang manual aja hehehe

@cak oni
Makasih teman.