Ada satu lagi yang diberikan oleh Blogger.com diulang tahunnya yang ke 10, yang ditunggu - tunggu oleh oleh para blogger sejati yaitu fasilitas "Read More". Kalo sobat perhatikan dipostingan terbaru Blogger.com disitu terdapat tombol baru yang bernama "Jump Break" nah tombol tersebut yang dapat memotong postingan sobat dihalaman depan atau lebih dikenal dengan fungsi read more.
Namun sayangnya fungsi ini hanya dapat dijalankan di postingan terbaru dari Blogger.com dan hanya dalam posisi "Compose", jadi kalo sobat dalam posisi "Edit HTML" maka fungsi ini tidak dapat muncul. Tapi sobat jangan berkecil hati dulu sobat masih bisakok menggunakan fungsi Read More pada mode Edit HTML yaitu dengan cara mengetik manual <!-- more --> Seperti contoh berikut ini :
Untuk sobat yang memakai template langsung dari Blogger.com akan langsung dapat menikmati fungsi ini dan akan langsung muncul tulisan "Read more>>".
Bagi sobat yang memakai template yang tidak disediakan oleh Blogger.com alias sobat memakai template dari tempat lain fungsi read more ini masih bisa berfungsi namun tulisan "Read more>>" tidak akan muncul. Untuk dapat memunculkannya sobat memerlukan beberapa langkah berikut :
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
 |
| From Mr-Top |
Namun sayangnya fungsi ini hanya dapat dijalankan di postingan terbaru dari Blogger.com dan hanya dalam posisi "Compose", jadi kalo sobat dalam posisi "Edit HTML" maka fungsi ini tidak dapat muncul. Tapi sobat jangan berkecil hati dulu sobat masih bisakok menggunakan fungsi Read More pada mode Edit HTML yaitu dengan cara mengetik manual <!-- more --> Seperti contoh berikut ini :
 |
| From Mr-Top |
Untuk sobat yang memakai template langsung dari Blogger.com akan langsung dapat menikmati fungsi ini dan akan langsung muncul tulisan "Read more>>".
Bagi sobat yang memakai template yang tidak disediakan oleh Blogger.com alias sobat memakai template dari tempat lain fungsi read more ini masih bisa berfungsi namun tulisan "Read more>>" tidak akan muncul. Untuk dapat memunculkannya sobat memerlukan beberapa langkah berikut :
- Log In ke blog sobat
- Klik Layout --> EDIT HTML
- beri tanda centang pada Expand Widget Template
- Cari kode berikut ini
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
- Copy kode berikut dan taruh tepat dibawah kode yang tadi
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
- Maka hasilnya akan seperti ini
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
- Simpan hasil sobat tadi dan lihat hasilnya.. Walaupun tidak menggunakan template dari Blogger.com tulisan read more tetap bisa muncul..
- Sobat kembali kemenu Layout --> Page Element
- Lalu klik tombol Edit pada Blog Post sobat, seperti gambar ini
 |
| From Mr-Top |
- Akan muncul jendela baru, nah disana terdapat tulisan Read more>> sobat ganti dengan tulisan yang sobat mau, misalnya Baca selengkapnya....
 |
| From Mr-Top |
- Langkah terakhir klik tombol Saved
- Selesai deh dan selamat mencoba...
Post a Comment