Cara Membuat Read More Otomatis Pada Blog

Posted by : Unknown - Posted On : 8/12/2012 with : 4 Comments

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.

Tweet

Related Posts

Cara Membuat Read More Otomatis Pada Blog

4/ 5

Oleh : Unknown