PTP24 Banner

Cara Membuat Read more di Blog

Cara Membuat Read more di Blog


Untuk para blogger yang suka membuat postingan yang panjang pasti sangat berguna untuk membuat read more, baca selanjutnya atau selengkapnya dll. agar postingannya terlihat rapi. Hampir semua blogger pasti sudah mengetahui cara memasangnya tapi bagi para pemula termasuk saya mungkin masih bingung untuk membuat read more tersebut.

Nah kita langsung saja ke langkah-langkah cara membuat Read More di postingan blog sehingga bisa muncul tulisan Read More, Selengkapnya atau selanjutnya tersebut.


Pertama
, Sign in ke blogger dengan account anda.

Kedua
, klik Pengaturan lalu klik Format

Ketiga, geser layar sampai kebawah nanti akan ada text area (kotak) kosong disamping tulisan Template Entri, isi kotak tersebut dengan kode dibawah:

<span class="fullpost">
</span>

Lalu klik tombol Simpan Pengaturan.

Keempat, Klik Dasboard lalu klik Tata Letak lanjutkan dengan klik di Edit HTML.
Untuk jaga-jaga jika ada kesalahan pada saat merubah kode tersebut sebaiknya back up dulu data template blog kamu dengan klik di Download Template Lengkap.
Kelima, klik kotak kecil disamping tulisan Expand Template Widget, sehingga ada tanda contrengannya.



Keenam, cari kode seperti tulisan ini

<data:post.body/>

atau seperti ini,

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

Ketujuh, Hapus kode diatas tersebut, lalu ganti dengan kode dibawah

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Untuk tulisan yang berwarna merah bisa anda ganti terserah anda.

Kemudian klik tombol Simpan Template.

Untuk cara posting artikel agar bisa muncul tulisan Read More – nya atau tulisan Selengkapnya…
Ketika akan mengetik atau membuat postingan di menu Posting, klik terlebih dahulu menu Edit HTML, maka dengan otomatis nanti di tempat posting akan muncul kode seperti ini

<span class="fullpost">

</span>

Tulis atau ketik artikel postingan yang nantinya muncul dipostingan pas diatas kode <span class="fullpost">, lalu sisa dari seluruh postingan dibawah tulisan <span class="fullpost"> sampai </span>.

Kemudian Terbitkan Entri..

Selamat mencoba semoga bermanfaat.............

Anda baru saja selesai membaca artikel di EpulJapanese Blog yang berjudul: Cara Membuat Read more di Blog

dengan URL: http://epuljapaneseblog.blogspot.com/2010/04/cara-membuat-read-more-di-blog.html

Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.

Dapatkan artikel EpulJapanese Blog terbaru langsung ke email anda. Silahkan masukkan alamat email anda:

Related Post

3 comments:

h35ti said...

Mau coba lagi ah....dulu pernah nyoba tapi gak berhasil, mungkin salah naro kode nya kali ya sob :D

Infokitaharian said...

@h35ti

eemm.. saia udah coba 1 post doang bs nya.. klo pos yg laen kok ga bs??

Kang Aep said...

@Infokitaharian

Wah masa sih?? ada yang salah penempatan kayaknya... coba di cek lagi dech....

Post a Comment

Blog Stats

Recent Comments

Copyright © 2010-2012 EpulJapanese Blog | Privacy Policy | Design Free Blogger Template