Bagi master blogger bukan hal yang aneh.Namun tak haram bila kitapun sebagai blogger pemula mengenal dan tahu cara pembuatannya pada template blog kita.Guna readmore pada dasarnya adalah membuat postingan pada blog kita menjadi lebih pendek dari aslinya.Disamping memudahkan kita dalam mengatur widget,readmore juga berguna untuk mempercantik tampilan blog kita,agar tidak terlihat acak-acakan.
Dengan adanya readmore, kita bisa mengatur seberapa panjang postingan blog kita dan menyesuaikan posisinya terhadap posisi widget.Tanpa basa-basi kita langsung saja ke TKP :
1,) silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :
cari kode </head> kemudian masukkan 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'/>
2,) cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
Jika anda pakai Mozila cara mudah untuk mencari kode tersebut dengan menekan CTRL+F, Copas kode tersebut di kolom yang muncul.
ganti kode tersebut dengan kode di bawah ini :
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
3,) Klik save template
Semoga Bermanfaat & Berhasil....
<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 class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore = bisa anda ganti dengan Baca Selengkapnya, full read dll...3,) Klik save template
Semoga Bermanfaat & Berhasil....
0 Response to "Cara Membuat Readmore Otomatis"
Posting Komentar