Auto-Readmore Link untuk CSS

Posted by Daniel DPK

Pertama masuk ke edit HTML kemudian cari kode

</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(&#39;span&#39;);
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].className == &#39;fullpost&#39;) {
spans[i].style.display = &#39;none&#39;;
found = 1;
}
if (spans[i].className == &#39;showlink&#39;) {
if (found == 0) {
spans[i].style.display = &#39;none&#39;;
}
}
}
}
</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(&quot;post-<data:post.id/>&quot;);
</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.