Cara Membuat Read More di Blogger (Fitur Baru)

Cara Membuat Read more di Blogger – Fitur Baru. Lama tidak login ke account blogspot, saya jadi ketiggalan berita nih. Saat ini, Blogger ternyata sudah support fungsi readmore. Dibandingkan metode cara membuat read more sebelumnya, untuk fungsi read more kali ini memang sangat mudah sekali diaplikasikan.

Namun, untuk bisa menggunakan aplikasi terbaru milik blogger ini, bagi rekan-rekan yang sudah membuat read more dengan cara terdahulu, harus di hapus dulu. Selain itu, fungsi read more blogger ini, hanya bisa diaplikasikan bagi blog yang sudah menggunakan post editor terbaru. Tapi, untuk post editor lama pun anda masih bisa tetap mengaplikasikannya dengan cara menambahkan kode <!-- more --> pada mode edit HTML di post editor lama anda. Biar tidak terlalu panjang, langsung saja ke cara membuat read more dengan menggunakan fitur terbaru dari blogger.

Bagi yang sudah menggunakan template hasil karya orang lain (bukan template asli blogger) silahkan untuk menambahkan sedikit kode tambahan pada template anda dengan langkah-langkah sebagai berikut :

Cara ini tidak berlaku bagi anda yang sudah menggunakan template asli dari blogger

1. Login di Blogger
2. Masuk ke Tata Letak » Edit HTML
3. Kasih tanda centang pada kolom expand template widget
4. Cari kode HTML seperti ini:

<data:post.body/> atau <p><data:post.body/><p>

5. Setelah kode diatas ditemukan, silahkan copy paste kode html berikut persis di bawah kode yang diatas.

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

6. Save Template.

Selanjutnya, untuk mengaplikasikan fungsi read more pada setiap postingan anda ada 2 cara :

1. Bagi yang masih menggunakan post editor lama

Pada post editor, klik mode Edit HTML. Kemudian masukan kode

<!-- more -->

di sela-sela artikel anda. Supaya lebih jelas, berikut screenshootnya :

 

2. Bagi yang sudah menggunakan post editor baru

Pada menu compose, Letakkan kursor pada bagian artikel yang akan dipotong (read more), kemudian klik icon read more. berikut screenshootnya :

 

Mengganti tulisan Read more.

Pada dasarnya, tulisan yang akan tampil ketika anda menggunakan fungsi readmore dari blogger yaitu Read more ». Namun seperti pada tutorial cara membuat read more terdahulu, rekan – rekan bisa mengganti tulisan tersebut sesuai keinginan. Berikut langkah – langkahnya :

1. Login di Blogger
2. Pada menu dashboard, klik Tata Letak atau Layout
3. Klik edit pada bagian posting blog widget

posting_blog_widget

4. Pada jendela baru, silahkan ganti tulisan Read more » sesuai dengan keinginan anda.

 

5. Save dan Selesai.

Jika masih ada yang belum mengerti, silahkan berkomentar ya… :D

Mau info terbaru seputar Blog dan Bisnis Online di Email anda...?!!

Add to Google Reader or Homepage

23 Komentar di Cara Membuat Read More di Blogger (Fitur Baru) :

gw keren abis mengatakan... Jumat, September 18, 2009

tulisan yg pertama sya gak ada ,as nah di saya yg kaya gini gak ada tuh mas.......
jadi gimana dong???????////
pleaase help me

rio2000 mengatakan... Jumat, September 18, 2009

paling enak pakai readmore blogger - kalo blognya baru mulai alias postingan masih sedikit :)

kalo sudah banyak mending memakai script readmore otomatis

artis mengatakan... Rabu, September 23, 2009

sip lah

ezay.ahmad mengatakan... Kamis, September 24, 2009

kalo tulisan data:post.bodynya gak ada, mau cari dimana?

Ali Lanthoq mengatakan... Jumat, September 25, 2009

Mas..Mana sih yang lebih bagus pake compose atau HTML, thanks

Tutorial Blog mengatakan... Minggu, September 27, 2009

Bisa tukar link gak?

Linknya dah saya pasang tu, mohon pasang link saya juga ya...

http://petunjukbisnis.blogspot.com/2009/04/tukar-link.html

thanks

NoPhiEy_MP mengatakan... Minggu, September 27, 2009

punyaku bisa n lancar mas tp sayang menu profile, blogrol,daftar postingan terakhir dll ko jd pindah di bawahnya tulisan baca selengkapnya?
bisa bantuin g
blogq nophiey.blogspot.com
trims

Irfan Hilmi mengatakan... Jumat, Oktober 02, 2009

mas....saya udah ngikutin petunjuk nya tapi ko ga ada tulisan read more nya?????

www.hilmiirfan.blogspot.com

oxofferin mengatakan... Minggu, Oktober 04, 2009

keren abis tutornya???

technology-informasi mengatakan... Senin, Oktober 12, 2009

wah info Bagus nihh

Aris Setiadi mengatakan... Selasa, Oktober 13, 2009

Ketinggalan nih punyaku...!!!!

KANGGURU 173 mengatakan... Minggu, Oktober 18, 2009

terimakasi atas infonya, hatur nuhun pisan

olip mengatakan... Sabtu, Oktober 24, 2009

info menarik ... terima kasih :)

Agung mengatakan... Sabtu, Oktober 24, 2009

bro, udah nyoba neh yg read more, tp koq muncul tulisan read more-nya jadi double ? kenapa ya ?

INFO HOT mengatakan... Senin, Oktober 26, 2009

Wah info keren nihh

Free HIT OUR SITE mengatakan... Senin, Oktober 26, 2009

Free Hit Your site

GoNe IngSuN mengatakan... Senin, Oktober 26, 2009

tolong dong ajari aku bwat blog yang bagus itu gman?

H A N S E N mengatakan... Senin, November 02, 2009

wow... ternyata berhasil bro.. dari kemaren2 nyari terus buat bikin read more.... ga tau nya ketemu disini... tak bukmak.. biar ga ketinggalan info lainnya.. thx bro...

peluang bisnis mengatakan... Kamis, November 12, 2009

thank's infonya

Celebrities mengatakan... Jumat, November 13, 2009

info sangat menarik Kang, makasih ya

Cara Cari Duit mengatakan... Senin, November 16, 2009

thanks ya atas artikelnya tentang read more pada blogger.nanti akan saya coba pada artikel saya.

onny mengatakan... Jumat, November 20, 2009

bagus sekali.... bagimana cara menambahkan ikon read more???

Ayu Tri mengatakan... Minggu, November 22, 2009

keren ni tutorialnya dibuat secara mendetail lagi...

tq ya saya langsung coba..

Poskan Komentar