Blogger sudah support fungsi Readmore

Read more versi Baru
Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".

Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.

Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode


<!-- more -->
Untuk anda yang memakai template asli yang disediakan blogger akan langsung bisa menikmati fasilitas ini dan hasilnya akan muncul tulisan " Read more » "  seperti ini :
read more versi baru

Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs lain, fungsi " Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "


read more versi baru

5. Carilah kode yang mirip seperti Ini :


<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. Copy lalu paste kode berikut persis di bawah kode yang tadi :


<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
read more versi baru

7. Klik tombol SIMPAN TEMPLATE
8. Selesai.

Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.

Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.


read more versi baru
5. Setelah muncul jendela baru, gantilah tuisan Read more » menjadi tulisan sesuai dengan keinginan anda.


read more versi baru

6. Klik Tombol SIMPAN
7. Selesai.

(Sumber = http://kolom-tutorial.blogspot.com)

14 komentar:

  1. mas blog aku dibagiaN KEPALA NYA BERLOBANG2 TIDAK RAPAT GIMANA TOLONG !!TRUS GAK BISA DITAMBAH GAMBAR

    BalasHapus
  2. Hm... wah aku ketinggalan info nich, padahal aku sendiri punya beberapa blog di blogspot, thanks infonya...

    BalasHapus
  3. Pak lek blogke iyong kok tambah abot loadingnya gara2 opo yo, tulung dunk

    BalasHapus
  4. kok blog punya saya tidak ada code seperti yang diatas jadi saya belum bisa merubahnya????

    BalasHapus
  5. Wah,, nice info nih bang.. :e:
    Ijin nyimak yah.. :c:

    BalasHapus
  6. kok ga bisa sh tetep aja ga ke hidden?

    BalasHapus
  7. terima kasih tutorialnya, saya cob praktekkan ... boleh ya ...

    BalasHapus
  8. Berhasil tahanks ya kang antum

    BalasHapus
  9. wahh jadi gak perlu bikin read more yang biasa lagi ya,,??

    BalasHapus
  10. info yang bagus nich...

    saya coba praktekan yah...

    BalasHapus
  11. iya nich ternyata cara ini lebih mudah ...

    BalasHapus
  12. saya juga belum pernah pake, ternyata penting juga ketika ada yang klik label blog

    BalasHapus

Mau tukeran link? silakan buka Link Sahabat dan apabila ada pertanyaan silakan tulis di Kotak Pertanyaan. Terima Kasih...

Kami akan menghapus komentar yang: Tak sopan, memakai HURUF BESAR, berupa caci maki, mengandung kata-kata kebun binatang, debat kusir, provokasi, di luar konteks, berupa undangan/ reklame. Komentar yang terlalu panjang, tanpa paragraf dan sulit dipahami. Komentar copy-paste, silakan di-link saja.

Isi komentar adalah tanggung jawab penulis komentar, bukan tanggung jawab pengelola blog/situs ini. Harap maklum.