Cara Membuat Read More Otomatis di Blog

Langkah – langkah cara membuat read more otomatis di blog :
1. Klik Template ~> Edit HTML.
2. Cari kode </head>
3. Lalu paste kode berikut tepat di atas kode </head>

<script type='text/javascript'>
var thumbnail_mode = "no-float";
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 110;
img_thumb_width = 120;
</script>
<script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

4. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> ( Jika ada banyak, pilih yang paling bawah. )
5. Lalu ganti kode tersebut dengan kode dibawah ini :

Jika ingin menggunakan gambar masukkan kode berikut: <b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script><span style="float:right; color:#FF0000;">Get <a href="http://mahografauzan.blogspot.com/2013/03/cara-membuat-read-more-otomatis.html" target="_blank"><span style="background-color: lime; color: blue;"> Widget! </span></a></span><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url' target='_blank'><img src="http://images.cooltext.com/2968973.gif"></img></a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Press CTRL + A to Select All and Press CTRL + C to Copy.

Jika hanya ingin menggunakan teks biasa masukkan kode berikut:
 <b:if cond='data:blog.pageType != "item"'><div expr:id='"summary" + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>"); </script><span style="float:right; color:#FF0000;"><a href="http://mahografauzan.blogspot.com/2013/03/cara-membuat-read-more-otomatis.html" target="_blank"><span style="background-color: white; color: blue;"> ..... </span></a></span><span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url' target='_blank'>Read More</a></span></b:if><b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Press CTRL + A to Select All and Press CTRL + C to Copy.

                           

Tambahan :

1. http://images.cooltext.com/2968973.gif bisa diganti dengan url gambar sobat.
2. summary_noimg = 400 adalah jumlah huruf yang tampil pada halaman depan tanpa gambar.
3. summary_img = 300 adalah jumlah huruf yang tampil pada halaman depan dengan gambar.
4. img_thumb_height = 110 adalah tinggi gambar yang tampil pada halaman depan.
5. img_thumb_width = 120 adalah lebar gambar yang tampil pada halaman depan.

Jika Anda menyukai Artikel di blog ini. Silahkan klik disini atau masukkan email anda pada kolom di bawah untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Mahogra Fauzan.

Anda baru saja membaca artikel "Cara Membuat Read More Otomatis di Blog ". Bagi sobat yang mau copas harap Cantumkan http://mahografauzan.blogspot.com/2013/03/cara-membuat-read-more-otomatis-di-blog.html sebagai Sumbernya, karena sebagai blogger yang baik tentu anda mengerti tata aturannya!
Hak Cipta di lindungi oleh Google, Copyscape, dan DMCA. Bagi siapapun yang copy paste tanpa mencantumkan SUMBERnya, akan saya laporkan ke DMCA Takedown.

Sekian Cara Membuat Read More Otomatis di Blog dari http://mahografauzan.blogspot.com
Semoga Bermanfaat bagi anda dan jangan lupa untuk meninggalkan jejak berupa komentar ✉.
Terima Kasih ^_^