yaitu membuat read more otomatis di blog,
sebenarnya suda ada fasilitas read more / memotong posting di blog lihat gambar di bawah dibawah ini cara manual
Screen Shot:
Tapi bagaimana cara membuat nya secara otomatis, yang langsung memotong sendiri saat kita membuat artikel ikuti langkah-langkah berikut ini;
Login ke blogger dengan acount anda
Lalu masuk edit html, centang" Expand Widget Template"
Cari kode </head> kemudian copy script di bawah ini tepat dibawah code 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:
<data:post.body/> atau <p><data:post.body/></p>
ganti kode tersebut dengan kode dibawah 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 untuk anda ganti.
Summary noimg 430 = tinggi artikel terpenggal tanpa image.
ummar img 430 = tinggi artikel terpenggal dengan image
eadmore bisa anda ganti dengan Baca Selengkapnya, full read dll...
Screen shot:
Sekian dulu artikel ini..
Tidak ada komentar:
Posting Komentar