Minggu, 26 Mei 2013

Mengubah Readmore menjadi Baca Selanjutnya

Readmore pada awalnya tidak dilengkapi dalam blogger sehingga para pemilik blog berusaha membuatnya sendiri dengan menambah script untuk readmore.
Namun saat ini mungkin karena blogger selalu memperhatikan para pengguna blog yang menggunakan blogger maka blogger pun sudah mengikut sertakan yang namanya readmore.
Menu readmore pada jendela posting artikel terlihat seperti dalam gambar berikut

Apabila seorang blogger menandai readmore dengan tanda di atas maka yang muncul pada artikel adalah tulisan Readmore >>.


Nah lalu bagaimana bila mengganti kata Readmore yang dimiliki blogger misalnya menjadi Baca Selanjutnya... atau Baca Seterusnya atau Baca Lagi...

Berikut ini cara mengganti kata "Readmore >>" menjadi  "Baca Selanjutnya..."

Login ke Blogger kemudian klik Layout/Tata Letak kemudian klik Edit HTML.
Berikan tanda centang pada kota Expand Template Widget.
Cari kode seperti di bawah ini.

<data:post.body/>

di bagian bawah kode <data:post.body/> terdapat kode seperti berikut (lihat gambar dalam kotak warna merah) :

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

selengkapnya terlihat seperti berikut :


hapus kode di atas kemudian ganti dengan kode di bawah ini :

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

Cara membuat Readmore sudah selesai, lalu berikutnya adalah bagaimana menempatkan kata Baca selanjutnya ke dalam artikel.
Ketik dulu artikel awal (sebelum kata Baca selanjutnya, kemudian klik icon Readmore (klik pada icon seperti yang terlihat dalam gambar 1 di atas ditunjuk dengan tanda panah), kemudian ketik artikel selanjutnya hingga selesai.

Tidak ada komentar:

Posting Komentar