Artikel Readmore ini seri buat atas permintaan seorang kawan. Jenis ini, Automatik Readmore dengan Thumbnail adalah yang terbaik setakat ini. Cara pemasangannya juga agak senang jika dibandingan dengan kode-kode Readmore yang lain.
Panduan Memasang:
Masuk ke Blogger
Klik Tab Design
Klik Tab Edit HTML
Bagi tanda centang di Expand Widget Templates
Cari kode </head> ini, rujukkan seperti dibawah:
]]></b:skin>
</head>
<body>
Salin kode dibawah ini dan pastekan diatas </head>.
<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 type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>
Cari kode <data:post.body/> ini, rujukkan seperti dibawah. Bila sudah jumpa delete/buang kode tersebut.
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<a expr:href='data:post.url'/>
</b:if>
Salin kode dibawah ini dan pastekan di tempat <data:post.body/> yang telah didelete/buang tadi.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Baca Selanjutnya</a></span>
</b:if>
</b:if>
Catatan:
summary_noimg = 430; - Jumlah karakter/huruf yang ingin dipaparkan
summary_img = 340; - Jumlah karakter/huruf yang ingin dipaparkan jika ada thumnail
img_thumb_height = 100; - Ketinggian thumbnail
img_thumb_width = 120; - Lebar thumbnail
Baca Selanjutnya - Boleh ditukar mengikut kesesuaian anda.
Save template dan View Blog
Panduan Memasang:
Cari kode </head> ini, rujukkan seperti dibawah:
]]></b:skin>
</head>
<body>
Salin kode dibawah ini dan pastekan diatas </head>.
<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 type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>
Cari kode <data:post.body/> ini, rujukkan seperti dibawah. Bila sudah jumpa delete/buang kode tersebut.
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<a expr:href='data:post.url'/>
</b:if>
Salin kode dibawah ini dan pastekan di tempat <data:post.body/> yang telah didelete/buang tadi.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Baca Selanjutnya</a></span>
</b:if>
</b:if>
Catatan:
summary_noimg = 430; - Jumlah karakter/huruf yang ingin dipaparkan
summary_img = 340; - Jumlah karakter/huruf yang ingin dipaparkan jika ada thumnail
img_thumb_height = 100; - Ketinggian thumbnail
img_thumb_width = 120; - Lebar thumbnail
Baca Selanjutnya - Boleh ditukar mengikut kesesuaian anda.
Save template dan View Blog