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..

1 comments:

  1. niaga poker said...

    Thanks infonya beritanya bagus bngt...Salam sukses ya Gan..

    Agen Poker
    Agen Poker Online
    Agen Poker Terpercaya
    Poker Online
    Poker Terpercaya
    Bandar Domino
    Bandar Domino Online
    Agen Domino
    Judi Poker
    Taruhan Poker
    Bandar Poker

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.