Kamis, 06 Oktober 2011

About Read more / Baca Selengkapnya

Nach kali ini aku kan membahas tentang "READ MORE"

** cara memindah ReadMore ke tepi kanan

  1. Login ke Blog
  2. Design > Rancangan > Edit HTML > centang Expand Widget
  3. Cari kode <div class='jump link'>
  4. Lalu tambahkan kode dibawah ini tepat di bawah kode yang kita cari tadi,
    <div style='float:right;padding:10px 0px 5px 0px>
  5. Lalu tambahkan juga kode </div> sebelum kode </b:if>
  6. Lalu Save.
Jadi hasilnya ntar kek gini urutannya :

<div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
<div style='float:right;padding:10px 0px 5px 0px'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div></div>
    </b:if>



** Cara merubah ReadMore jadi gambar Animasi
  1. Login ke BLog
  2. Design > Rancangan > Edit HTML > centang Expand Widget
  3.  Lalu gantikan kode <data:post.jumptext/> dengan URL gambar gambar yang kalian ingin.
Contohnya penempatan kek gini :

<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src='http://media3.picsearch.com/is?azfnStL0BePuQ38Csk0JGqzFSU61RMPVN3QCr4w6o0M'/></a>

NB: yang warna merah kalian bisa ganti gambar sesuai dengan keinginan kalian, kalo punyaku itu contohnya, ntar jadi gambar e kek gini --->>

Gud Luck teman...
kalo kurang jelas boleh tanya kok... ^^

    0 komentar:

    Posting Komentar

    Template by:

    Free Blog Templates