Home Page Home Page

About me

Blog

27 Jul 2013

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.

0 komentar:

Posting Komentar


Tutorial Blog Design by Insight © 2009