Klik salah satu Yaa,,

Sabtu, 16 Juli 2011

Cara Membuat Readmore Otomatis

Biasanya ketika kita membuat sebuah entri baru pada blog kita maka tampilan entri tersebut akan ditampilkan secara lengkap sehingga akan memenuhi seluruh bagian blog kita,, dan menurut saya hal tersebut kurang efisien,,

Nah disini saya akan membahas bagaimana cara agar entri2 tersebut tampak lebih singkat secara otomatis :

1. Pertama, masuk ke Blogger kalian,

2. Masuk ke Rancangan,

3. Pilih Edit Html,

4. Jangan lupa ceklist Expand Template Widget,


5. Gunakan ctrl-F untuk mencari kode di bawah ini.
</head>
6. Selanjutnya letakan kode di bawah ini persis di bawah kode di atas,
<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'/> 
7. Ganti tulisan yang berwarna tersebut sesuai anda,
8. Selanjutnya cari kode di bawah ini,
<data:post.body/>
9. Sekarang hapus kode tersebut dan ganti 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'>Selengkapnya</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 
10. Terakhir, Save Template dan lihat hasilnya.

Sekian pencerahan dari saya, semoga dapat bermanfaat,,
Jangan lupa comment yaa,,!!!

2 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar