Blog CARA GAMPANG kali ini akan berbagi trik untuk bikin read more otomatis, CARA GAMPANG bikin read more otomatis ini akan memudahkan kita untuk memotong atau memenggal artikel-artikel blog yang kita miliki agar semua artikel dapat muncul di setiap halaman postingan blog secara lebih rapi dengan ukuran baris serta thumbnail yang sama besarnya (ukurannya) untuk tiap-tiap postingan blog. Blogspot atau blogger tidak menyediakan fasilitas read more otomatis ini, namun menyediakannya secara manual, sehingga hal ini akan berakibat ukuran masing-masing postingan yang muncul pada setiap halaman kadang-kadang menjadi tidak sama besarnya.
Berikut ini adalah cara untuk membuat read-more yang otomatis memotong dengan sama pada tiap-tiap bagian postingan blog kita.
PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template"
cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode </head> tersebut.
cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode </head> 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'/>
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 != "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.
Selanjutnya, kadang-kadang pemakaian read-more otomatis ini berdampak pada halaman statis blog, artinya halaman statis blog tidak dapat membuka secara sempurna, dan bila hal ini terjadi, maka gantilah script yang kedua dengan script di bawah ini :
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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'>Read More...</a></span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
Jika terjadi double content, maka hapus saja script yang berwarna merah. Simpan dan selesai.
Demikianlah artikel tentang CARA GAMPANG bikin read more otomatis, semoga dapat bermanfaat.
trims atas scriptnya. kalasu readmore-nya dikasih variasi dengan image bisa gan ?
BalasHapus