Cara Membuat read more pada Blogspot

Cara Membuat read more pada Blogspot

Cara Membuat read more pada Blogspot

Fungsi read more sangat berguna bagi anda yang memiliki postingan yang cukup panjang, sehingga akan memberatkan loading pada saat membuka halaman blog anda. Selain itu juga dapat membuat blog anda terlilhat simple dan enak dilihat. Apalagi kalau halaman depan blog anda memiliki lebih dari satu buah artikel. Meskipun dalam hal ini sudah banyak sekali yang mengulas tentang cara membuar read more pada blogspot, tapi kan gak ada salahnya kalau saya bikin postingan tentang hal yang sama. Sebab selidik punnya selidik, ternyata masih banyak juga sobat blogger yang masih kebingungan dalam hal ini. Dalam hal ini yaitu membuat read more.... pada blogspot, ada beberapa cara yang bisa dilakukan.

1.   Cara manual

Dengan cara manual yaitu pada mode compose, setiap kali menuliskan artikel posting, lalu kita klik tombol yang bergambar seperti kertas sobek, atau insert jump break, posisikan tempat yang akan di masukkan read more. Coba klik mode Edit HTML lilhat pada bagian kita menempatkan read more tersebut akan ada kode seperti ini

! < --more-- > !

Lalu terbitkan postingan anda dan lihat hasilnya.

Jika hal ini tidak memberikan perubahan, maka coba masuk pada menu setelan > dasar > setelan global

Pilih editor yang di mutakhirkan ( disarankan ) lalu simpan perubahan dan selesai.

2.   Cara otomatis

Yaitu setiap kali kita menerbitkan postingan maka akan otomatis  terpasang read more.

Cari sebagai berikut ,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

<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://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari kembali kode

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

Setelah itu untuk hapus kode tersebut dan gantikan dengan kode berikut:

<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'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'>
<strong><a href='http://beranda-sepi.blogspot.com'>| <em>About Android?</em> |</a></strong></p></b:if>

Selanjutnya simpan dan kita lihat hasinya.

Tulisan read more... yang berwarna merah bisa diganti dengan kata yang lain misalkan : baca disini, baca selengkapnya, atau yang lain sesuai dengan selera kita

Sekian dulu  postingan kali ini semoga bermanfaat,

Keep smile .........