kali ini saya akan memposting tentang bagaimana cara membuat read more bergambar di blog...
mungkin anda kesal karna postingan di blog anda terlalu panjang dan membuat blog anda kurang efektif karan panjangnya postingan di blog anda. mungkin kita bisa memberikan read more otomatis yang bisa memperpendek postingan kita.oke kali ini langsung kita bahas bagaimana cara membuat read more bergambar di blog.
Berikut langkahnya..
1. Log in blogger.com
2. Dasbor > Template > edit HTML
3. Centang Expand Template Widget
4. Lalu cari kode <data:post.body/> , biar lebih cepat tekan ctrl+f
5. Ganti kode tersebut dengan kode di bawah ini.
Script :
<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'><a expr:href='data:post.url'><img src='http://www.refrigerationcontrolco.com/images/btn_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Script :
<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'><a expr:href='data:post.url'><img src='http://www.montevalepereiro.com/images/read-more.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Script:
<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'><a expr:href='data:post.url'><img src='http://midnightschildren.com/_/img/button-readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Script :
<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'><a expr:href='data:post.url'><img src='http://www.tampamicrowave.com/app_themes/tampamicrowave2/images/btn_readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Script :
<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'><a expr:href='data:post.url'><img src='http://abqwushu.com/images/readmore.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
6 Simpan template......
Sekian postingan saya kali ini tentang cara membuat readmore bergambar di blog semoga bermanfaat bagi anda yang membacanya