Cara merubah postingan menjadi ‘READMORE’ otomatis

Postingan yang panjang sudah pasti akan menyita banyak tempat dalam blog. Memang panjang tidaknya postingan tergantung pada kebutuhan tulisan, sehingga menjadi jelas bagi pembacanya. Masalahnya, halaman Blog tidak bisa kita paksa melebihi ukuran maksimumnya. Oleh karena itu, postingan panjang sering mengganggu tampilan Blog bahkan bisa mengganggu loading pembacanya, karena harus menunggu lama. 
Untuk mengatasi masalah tersebut, postingan panjang sebaiknya dipotong sesuai keinginan kita.

Sebenarnya dalam format postingan Blog sudah ada ‘alat’ pemotong postingan, namun itu harus dilakukan secara manual setiap kita melakukan postingan. Supaya postingan secara otomatis dapat terpotong dapat dilakukan dengan cara berikut.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html. Kalau kurang yakin dengan perubahan yang akan dilakukan, sebaiknya download lebih dulu template yang sudah ada. 

Kemudian, ceklis pada bacaan "Expand Widget Template" .

Setelah kode html muncul, cari kode </head> 

Untuk memudahkan pencarian, tekan CTRL +F, kemudian pada kotak entry pencarian, ketika : </head>. 

Biasanya kata yang dicari akan diberi warna khusus.

Kalau sudah ketemu, masukkan script di bawah ini persis dibawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 500; summary_img = 350; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

KEDUA, cari kode html berikut ini :

<data:post.body/> 

atau 

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

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>

Catatan :

==>tulisan yang berwarna merah adalah kata  yang bisa anda ganti sesuai keinginan, misalnya : SELANJUTNYA, atau SETERUSNYA, atau SELENGKAPNYA, FULL READ,  dsb

==> Summary noimg 430 = tinggi artikel yang ditampilkan. Bisa diganti sesuai keinginan

==> Summar img 430 = tinggi image yang ditampilkan. Bisa diganti sesuai keinginan

KETIGA, klik save template

Silahkan buka kembali BLOG anda, postingan sudah berubah secara otomatis dan lihat hasilnya. Selanjutnya,  publish postingan akan secara otomatis terpasang ‘readmore’ nya. 

Selamat mencoba