Cara membuat read more di blogger

Selamat siang sahabat blogger...!!

Kali ini saya akan menerangkan bagaimana caranya membuat tanda read more, Tapi sebelum saya menjelaskan bagaimana cara membuatnya, saya akan menjelaskan terlebih dahulu fungsi atau kegunaan read more itu sendiri.
Oke..ada yang tau read more itu apa? read more adalah sebuah fitur yang difungsikan untuk mempersingkat sebuah postingan agar terlihat hanya sebagiannya saja bukan telihat dengan bentuk sebenarnya.


Tapi jika kalian masih kurang paham kalian bisa lihat gambarnya dibawah ini.

Nah..yang diberi tanda hijau itulah yang dinamakan read more..Sudah paham kan..?

Dan untuk cara membuatnya kalian hanya perlu mengotak-atik kode CSS kedalam postingan yang hendak kalian buat, caranya pun cukup gampang kalian simpan kode ini kedalam postingan kalian yang hendak kalian singkat.

<!-- More -->

Dan untuk contoh kalian bisa lihat gambarnya dibawah ini.

Disana sudah terlihat jelas kalian masukan kode CSS itu kedalam mode edit HTML buka ke dalam mode "compose" karena compose adalah untuk hasil kode CSS itu.

oke...!! cara diatas itu sudah cukup bagi kalian yang menggunakan template bawaan blogger, tapi buat kalian yang menggunakan template download-an atau template bukan menggunakan template bawaan blogger (alias) dapat dari pihak penyedia template blog selain blogger, mungkin cara diatas belum seluruhnya sempurna karna mungkin tulisan Baca selengkapnya > tidak akan terlihat atau tidak berfungsi.
Maka yang harus kalian lakukan adalah:

1. kalian masuk ke akun blogger kalian
2. Pilih "Rancangan"
3. Lalu klik edit HTML
4. jangan lupa centang tanda Expand Template widget

Lalu kalian cari tanda berikut ini:
Untuk mempermudah pencarian kalian gunakan tombol Ctrl + f

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

Bila sudah menemukan kode tersebut,kalian simpan kode berikutnya persis dibawah kode diatas 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>

Selanjutnya simpan hasil kerjaan kalian, Nah..sekarang tanda read more pun sudah terlihat dipostingan kalian.

info= kalian bisa mengedit tulisan Baca selengkapnya > tergantung kesukaan kalian contohnya ( Baca lagi yuk >, Lihat selengkapnya> atau Mari kita kemont>.)
Dengan caranya sebagai berikut :

1. Pergi kehalamn Rancangan atau tata letak
2. Kalian klik edit postingan.

Gambar No.2

3. kalian ganti namanya seperti gambar dibawah ini.

4. Bila sudah jangan lupa kalian klik simpan

INFO= Tambahan sedikit buat kalian.

Jika kalian tidak ingin capek memasang kode <!-- More --> setiap kalian memposting sesuatu, ada tips sedikit buat kalian yaitu.

1. Kalian masuk ke "Setelan"
2. Kalian pilih Format
3. Lalu cari tulisan entri template.
4. Isikan Kode <!-- more --> ini kedalam kolom entri template.
5. Dan jangan lupa klik tombol simpan

Selesai..

Selamat mencoba...