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

Related Product :

+ komentar + 1 komentar

April 6, 2012 at 11:36 AM

mantab gan infonya... !! thanks banget,

Post a Comment

silahkan komentar di blog dofollow ini
asal jangan saling menghina, saling menghujat, apalagi saling membunuh.
Disini bukan ajang untuk mencari siapa yang paling pintar, tapi ajang untuk membuat sama - sama pintar

?max-results=10">Featured Today');
?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOG KOMUNITAS GAPTEK™ - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger