Cara Membuat Readmore Otomatis Pada Blogspot

Postingan saya ini akan mencoba membahas bagaimana  cara Membuat Readmore atau Baca Selengkapnya pada postingan blog, secara otomatis. Karena ada beberapa Read More yang dibuat secara manual, Maka kali ini saya akan mencoba berbagi ilmu dalam membuat Read More otomatis pada postingan Blog. Dengan adanya Readmore otomatis ini, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah sangat banyak para blogger yang mengetahui, namun tidak ada salahnya bila saya mengulas kembali masalah tersebut sembari menjadi pengingat saya saat ingin membuat readmore lagi nanti saat saya kepingin membuat blog baru, wkwkwk... Nah, Namun bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, jangan kuatir karena tetap akan saya berikan tutorial saya berikut ini.

LANGKAH PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Tata Letak, lalu Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template"

Kemudian cari kode </head>
Anda dapat dengan mudah mencarinya dengan menekan CTRL F pada keyboard Computer anda.
Kemudian masukkan kode script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>

LANGKAH KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

Kalau udah ketemu ganti kode tersebut 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>

Keterangan : Anda bisa ganti Read More dengan kata apa aja yang anda suka.
KETIGA, klik save template dan, Selesai.

Mudah, kan...?!!
Sebagai contoh, silahkan liat disini.
Selamat mencoba, Happy blogging.