12 September 2010

Membuat Read More Otomatis di Blogspot

12 September 2010
Sekarang saya lagi demam-demam nya ngutak ngatik tampilan blog biar keliatan lebih ringkas dan simple, heheh biar lebih enak dipandang dan ga lemot pas di buka, maklum blog ini kebanyakan isi gambar hehehehee....

Nah salah untuk mempersingkat postingan biasanya di gunakan read more, sehingga tampilan depan blog ga jadi terlalu panjang cukup judul dan sekilas tentang isi postingan, kemudian terserah pembaca mau melanjutkan membaca atau gak.

Kebanyakan cara membuat read more yang saya lihat ribet, harus isi coding dulu pas nulis di postingan, tapi akirnya saya menemukan cara membuat read more secara otomatis, jadi pas nulis ga perlu di isi coding tambahan pas di publish dengan sendirinya postingan sudah terpotong sesuai dengan keinginan anda. Seperti yang ada di blog saya.



Untuk membuat read more otomatis ini langka-langkahnya:
Login ke blog anda
masuk ke rancangan
klik edit HTML
centang Expand Widget
Tambahkan kode dibawah ini setelah kode </head>
<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://sites.google.com/site/rasiqzonetwork/javascript/readmore-otomatis.js' type='text/javascript'/>

Summary noimg 430 = tinggi artikel terpenggal tanpa image, Summar img 430 = tinggi artikel terpenggal dengan image, bisa anda ubah angkanya sesuai dengan selera anda.

Kemudian ganti kode <data:post.body/> atau <p><data:post.body/></p>
dengan kode 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>


Readmore bisa Anda ganti dengan Baca Selengkapnya, Full read dll. Terserah anda sesuai kreasi anda sendiri.


selamat blogging!



sumber:
http://rasiqzonetwork.blogspot.com/2010/01/membuat-read-more-otomatis.html


3 comments:

Zka mengatakan...

nice info

[D]hy mengatakan...

:a:

rara ariesta mengatakan...

kalo ga ada yang "data:post.body/" atau "p></p" nya gimana dong??? :m:

Poskan Komentar

sampaikan komentar dengan sopan dan bertanggung jawab :)