Auto-Readmore Link untuk CSS
Posted by Daniel DPK
</head>
lalu copy dan paste kode dibawah ini sebelum kode </head> tersebut:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<b:else/>
<style>.fullpost{display:none;}</style>
<script type='text/javascript'>
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].className == 'fullpost') {
spans[i].style.display = 'none';
found = 1;
}
if (spans[i].className == 'showlink') {
if (found == 0) {
spans[i].style.display = 'none';
}
}
}
}
</script>
</b:if>
Kedua, cari CSS style tag pada content post anda. Kodenya adalah sebagai berikut :
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
ganti kode tersebut dengan kode dibawah ini:
<div class='post-body' expr:id='"post-" + data:post.id'>
<p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<span class='showlink'>
<p><a expr:href='data:post.url'>Read More...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Ketiga,simpan perubahan tersebut kemudian masuk ke Setting-->Formatting-->PostTemplate Masukkan kode ini kedalam post template anda:
<span class="fullpost">
</span>
kemudian simpan perubahan tersebut. Dan setiap kali anda melakukan posting maka akan masuk di Edit HTML dan kode diatas akan otomatis muncul..
0 comments:
Post a Comment
Feel free to drop comment and support for Astaga.com Portal Lifestyle On The Net.I'll reply to you soon as possible.