Cara Membuat Read more pada blog

Assalamualaikum kepada pengunjung puterablog1malaysia.Kini anda sedang membaca tutorial membuat read more pada blog anda seperti blog puterablog1malaysia.Readmore ini mempunyai pelbagai jenis yang salah satunya kalau kita letakan, ia tidak akan berfungsi dibahagian new page tetapi readmore kali ini berfungsi untuk kesemuanya.Tidak perlu risau kerana admin sudah buat ujian beberapa kali terhadap blog admin.Alhamdulillah segala masalah admin dapat selesaikan.Bagi pengunjung yang mencari tutorial ini, admin harap anda dapat memahaminya & sudah bersedia untuk membuat read more ini dengan  menambahkan kode read more ini di html layout anda.Cara ini sangat mudah & admin harap semuanya akan berjalan dengan lancar. Tanpa membuang masa, ikuti langkah-langkah seperti di bawah.

1. Pergi ke Design 
2. Edit html 
3. Download Templets anda yang asal sebelum proses koding di lakukan. Download templets ini perlu di lakukan sebelum anda mengubah kode-kode yang sedia ada bagi mengembalikan semula templet anda  jika berlaku kesilapan. Setelah anda download templets anda.
4. Klik pada Expand Widget 
5. Setelah itu anda perlu mencari kode </head> dengan CTRL+F.
6. Setelah anda menjumpi kode tersebut anda haruslah copy kode di dalam kotak di bawah ini & letakan kode yang di copy tadi di bawah 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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Selepas 2 jangn save lagi.cari kode ni <data:post.body/>  & gantikan dengan kode di bawah .

<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>

Save Templet dan cuba anda view blog anda.

Kalau tidak menjadi anda boleh cube code di bawah ini 

1. Pergi ke Design 
2. Edit html 
3. Download Templets anda yang asal sebelum proses koding di lakukan. Download templets ini perlu di lakukan sebelum anda mengubah kode-kode yang sedia ada bagi mengembalikan semula templet anda  jika berlaku kesilapan. Setelah anda download templets anda.
4. Klik pada Expand Widget 
5. Setelah itu anda perlu mencari kode </head> dengan CTRL+F.
6. Setelah anda menjumpi kode tersebut anda haruslah copy kode di dalam kotak di bawah ini & letakan kode yang di copy tadi di bawah kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 150; img_thumb_width = 200; </script> <script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

Lepas tu cari kode ini <p><data:post.body/></p>  &  gantikan <data:post.body/> kepada kode di bawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <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> <div style='clear: both;'/> <span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span> </b:if> </b:if>

Lepas tu Save Templets dan view blog.Harap semuanya menjadi & kalau tidak menjadi jugak sila tinggalkan komen di bawah post ni ye. Gd Luck!!!

Tweet