Read More Blogspot

Read More atau Jump Breaks di gunakan untuk mempersingkat artikel ketika kita sedang berada di halaman beranda. Jump Breaks baru sopport di blogger sekitar bulan September 2009 yang katanya untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10(Wew… sudah lama sekali, telat Dunkz :P ). Sayangnya Jump Breaks tersebut tidak dapat kita setting tampilannya melalui Dashboard, kita harus mengubahnya menggunakan CSS.

Sebelum kita bermain CSS, sebaiknya kamu periksa template kamu, pastikan bahwa template kamu terdapat code di bawah :

<b:if cond=’data:post.hasJumpLink’>
      <div class=’jump-link’>
        <a expr:href=’data:post.url + "#more"’><data:post.jumpText/></a>
      </div>
    </b:if>

Jika tidak silahkan kamu Copy code tersebut di bawah code ini :

    <div class=’post-body entry-content’>
      <data:post.body/>
      <div style=’clear: both;’/> <!— clear for photos floats —>
    </div>

Setelah kamu mengcopy code tersebut, copy juga code CSS ini agar tampilan Jump Breaks template kamu lebi menarik. Copykan di atas code ]]></b:skin>.

.jump-link {
margin-bottom:20px;
width:100px;
color:#28261A; /* warna text
background:#28261A; /* warna background
-moz-border-radius:4px;
-webkit-border-radius: 4px;
}

Jika sudah, jangan lupa untuk menyimpan template kamu ;)