ReadMore

2 Step to create nice Readmore.

1. Copas style-nya diatas kode:    ]]></b:skin>

/* readmore */

.jump-link  a {

        font-family: Arial, Helvetica, sans-serif;

font-size: 15px;

padding: 7px 12px;

background: -moz-linear-gradient(

top,

#fff 0%,

#222);

background: -webkit-gradient(

linear, left top, left bottom,

from(#fff),

to(#d7d8de));

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

-moz-box-shadow:

0px 1px 2px rgba(000,000,000,0.5),

inset 0px 0px 1px rgba(255,255,255,0.5);

-webkit-box-shadow:

0px 1px 2px rgba(000,000,000,0.5),

inset 0px 0px 1px rgba(255,255,255,0.5);

box-shadow:

0px 1px 2px rgba(000,000,000,0.5),

inset 0px 0px 1px rgba(255,255,255,0.5);



}

2. Copy kode HTML-nya,REPLACE kode  <data:post.body/> 

(mungkin yang kedua) dengan kode berikut:



<b:if cond='data:blog.pageType == &quot;item&quot;'>

                          <data:post.body/>

                          <b:else/>

                          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

                            <data:post.body/>

                            <b:else/>

                            <div expr:id='&quot;summary&quot; + data:post.id'>

                              <data:post.body/>

                            </div>

                            <script type='text/javascript'>

                              createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

                            </script>

                            <span class='jump-link' style='font-weight:bold;padding:5px;float:right;text-align:right;'>

                              <a expr:href='data:post.url'>

                                Continue Reading...

                              </a>

                            </span>

                            <div style='clear: both;'/>

                          </b:if>

                        </b:if>





Lalu save.

Jika mau bikin kreasi tombol, tetap semangat dan terus berusaha sampai OK.

Terimakasih.