Selasa, 20 Maret 2012

Cara Membuat Read More


Hello sob !!!!!!!!
(hha so’asyik)
Saya mau posting in bagaimana cara membuat “read more” yang dimana fungsinya untuk memperpendek tampilan posting dan dilanjutkan dengan cara mengklik “read more”.
Mungkin sebagian orang ada yang tahu dan ada juga yang belum.tapi saya tetap akan memberitahu bagaimana caranya,ini juga sih belajar dari blog lain…
Ya kan kita harus berbagi ilmu yang sudah kita ketahui jadi,saya kasih tahu dah dari hasil belajar saya..
hha
Langsung saja ya bagaimana caranya :
1.       Log in dulu ke blog kamu (ya iya lah klo g log in mau bikinnya gmna)
2.       Masuk ke Rancangan – edit HTML
3.       Centang Expand Template Widget
4.       Cari Kode </head>,dengan kamu bisa menekan CTRL+F  kemudian masukkan kode di bawah ini di bawah 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'/>

5.       Lalu cari kode ini <data:post.body/> atau <p><data:post.body/></p>
Ganti kode di atas 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>


Catatan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll.

Tidak ada komentar:

Posting Komentar

 
;