Kamis, 21 April 2011

Cara Buat Read More di Blogger Blogspot

By Deni pratama

Cara Buat Read More di Blogger Blogspot dengan Editor Lama. Bagi yang belum memakai Read More Editor Lama direkomendasikan untuk  memakai Read More Editor Baru yang jauh lebih mudah dan simple. Editor Baru lihat tutorialnya di sini.
Oleh fatihsyuhud.com
Tips: 
Cara mencari kode di template blogger.com / blogspot lihat di sini!
[Update: tutorial ini sudah dilengkapi gambar / screenshot untuk lebih memudahkan) Sudah banyak yg tanya cara buat READ MORE atau Baca Selengkapnya atau Baca Selanjutnya di blogger beta / baru (untuk tutorial buat read more di blogspot / blogger template lama atau classic lihat di sini) dan sudah saya beritahu alamatnya. Tapi tampaknya sebagian agak kesulitan dg tutorial bahasa Inggris. Untuk Anda yg termasuk golongan ini, saya persilahkan mengikuti panduan berikut.
Ada dua cara untuk membuat read more di blogger / blogspot baru (tanda Blogger Baru adalah di admin memakai layout / tata letak dan page element / elemen halaman).
Cara Pertama:

1. Buka template -> Edit HTML -> Kasih tanda tik pada menu "expand widget tempate" (lihat gambar 1)
2. Letakkan kode berikut persis di atasnya kode </head> (lihat gambar 2)

<style>
<b:if cond='data:blog.pageType == "item"'>
  span.fullpost {display:inline;}
<b:else/>
 span.fullpost {display:none;}
</b:if>
</style>
3. Letakkan kode berikut di bawah kode
 <p><data:post.body/></p> 
(lihat gambar 3)
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
4. Klik Simpan. Selesai.
5. Klik SETTINGS atau Pengaturan, terus klik FORMATTING atau Format. Di paling bawah ada kotak kosong di samping menu TEMPLATE POSTING. Isi kotak kosong tsb dg kode berikut:

<span class="fullpost">

</span>
Jangan lupa klik SIMPAN PENGATURAN.
Gambar 1:
cara buat read more gambar 1
Gambar 2:
cara buat read more gambar 2
Gambar 3:
cara buat read more gambar 3
Cara Memposting
Ketika memposting, klik EDIT HTML (bukan COMPOSE). Maka, secara otomatis akan tampak kode
<span class="fullpost">
</span>
Letakkan posting yg akan ditampilkan di halaman muka di atas kode sementara sisanya (yakni keseluruhan entry/artikel), letakkan di antara kode
<span class="fullpost">
dan
</span>

2 komentar:

arifanrahmat mengatakan...

maksih kakak atas infonya.... sangat bermanfaattttt nice blog

Custom Culture Predator Custom mengatakan...

kaka ini dapetnya copas ya,,, sumbernya masukin dong...?

Posting Komentar