Membuat Read more.. atau Selengkapnya...

Ini adalah tutorial kedua dari saya. Mungkin ini kelihatan menjiplak, tapi saya berusaha untuk menampilkan cara2 yang mudah dimengerti untuk orang-orang seumuran saya. OK, cukup basa basinya, langsung ke pokok masalah. Disini akan dibahas mengenai cara membuat link read more khusus para pengguna blogger (klo wordpress,dkk kayaknya ga bisa, sorry). Link read more dibuat untuk mempersingkat posting yang panjang dengan 'memotong' bagian yang akan di link dengan read more. Klo postingnya sudah pendek dan tidak perlu read more, tolong jangan dipraktikkan, soalnya read more ini muncul di setiap posting, entah panjang atau pendek. Dan jangan lupa, setiap mengganti HTML dimohon untuk meng-klik preview dulu sebelum di save template. Ini mencegah supaya kesalahan2 saat pengeditan, bisa di-undo dengan cara meng-klik clear edit. Nah, saatnya tutorial. Let's BEGIN...

Cara membuat read more :

a. sign in ke Blogger.
b. pilih layout.
c. klik edit html.
d. berikan tanda centang ( v ) pada kotak expand widget templates.
e. cari kode berikut :

<div class="post-body">

f. hapus semua kode di bawah kode tersebut sampai kode berikut :

<div style="clear: both;"> <!-- clear for photos floats -->

diantara dua kode tersebut harus kosong.
g. letakkan kode berikut di antara dua kode di atas.

<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"><b><div align="center">Read more...</div></b></a></p></b:if>

kata read more bisa diganti dengan Selengkapnya atau selanjutnya, terserah anda.
align='center' digunakan untuk mengatur posisi read more, bisa left, center, atau right.
h. peletakkan harus dilakukan dengan benar. INGAT, jangan di save template dulu.
i. klik preview. Perhatikan tulisan read more, sudah ada atau belum.
j. kalau belum, klik aja clear edit untuk meng-undo semua pengeditan.
k. kalau ada, yakinkan diri anda untuk meng-save template.
l. klik save template.
m. untuk 'menghilangkan' posting, klik edit html setelah selesai posting. INGAT, jangan di-publish dulu. Lalu letakkan :

<span class="fullpost">

sebelum posting yang anda ingin hilangkan. Dan tutup dengan

</span>

pada akhir baris html.
n. postingan yang akan dihilangkan harus berada di antara :

<span class="fullpost">postingan yang hilang</span>

o. Selesai....^_^

Semoga tutorial ini berguna. Klo ada masalah, silahkan komentar di bawah. Nantikan tutorial saya selanjutnya. Jangan lupa tuker2an link ya..Biar cepet terkenal..Haha..Jayuss...^_^