Cara Membuat Read More di Blog | Untuk membuat blog tampak rapih dan indah serta membuat supaya artikel di blog tidak terlalu panjang memenuhi halaman utama maka jalan terbaik bagi para blogger adalah memasang atau membuat Read More di Blog. Untuk itu saya akan memaparkan tentang Cara Membuat Read More di Blog . Berikut langkah-langkahnya :
1. Login Kehalaman Blogger anda
2. Dari bagian dashbord blog Pilih Template --> Edit HTML --> Proses atau Lanjutkan
3. Jangan lupa centang Expand Widget Templates
4. Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F untuk mempermudah pencarian kode)
5. Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut kode dibawah ini.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
6. Tahap selanjutnya cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>
Ganti Kode yang anda temukan diatas dengan kode berikut ini :
<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'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
7. Sekaran klik tombol Simpan Template
Selesai dan lihat Hasilnya
ket :
Text warna merah tersebut bisa anda ganti dengan Baca Selengkapnya.. atau dengan kata-kata yang lainnya yang anda inginkan.
1. Login Kehalaman Blogger anda
2. Dari bagian dashbord blog Pilih Template --> Edit HTML --> Proses atau Lanjutkan
3. Jangan lupa centang Expand Widget Templates
4. Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F untuk mempermudah pencarian kode)
5. Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut kode dibawah ini.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
6. Tahap selanjutnya cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>
Ganti Kode yang anda temukan diatas dengan kode berikut ini :
<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'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
7. Sekaran klik tombol Simpan Template
Selesai dan lihat Hasilnya
ket :
Text warna merah tersebut bisa anda ganti dengan Baca Selengkapnya.. atau dengan kata-kata yang lainnya yang anda inginkan.