Pekerjaanku

Halaman ini dikhususkan berisi hal-hal yang terkait dengan kegiatan saya sebagai karyawan di Pusat Laboratorium Terpadu dan staf pengajar di Fakultas Sains dan Teknologi-UIN Syarif Hidayatullah Jakarta.

Thursday, July 27, 2006

Read More ...

Agar tampilan halaman blog menjadi lebih menarik, kita bisa mengutak-atik setting template sehingga artikel yang diposting tidak tampil seluruhnya, bila pengunjung ingin membaca selengkapnya harus meng-klik link "read more" atau "baca selengkapnya"? Nah untuk pengguna layanan blogger. com atau blogspot.com bisa mensetting postingnya seperti itu. Contohnya pada blog ini.

Diperlukan tiga langkah mudah untuk mensettingnya, yakni:

1. Copy-paste tambahan kode tag blogger berikut:


<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>

ke tempat style css di template blog kita. Baik yg style css-nya ditulis jadi satu dengan template blog, atau yg terpisah. tinggal copy-paste aja.


2. Tambahkan tag berikut:


<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

pada template blog, setelah tag: <$BlogItemBody>


3. Ketik tag span
, spt ini:

<span class="fullpost">sisa text/paragraf</span>

pada sisa text atau paragraf yg akan tampil setelah user meng-klik 'read more' di awal dan akhirnya.

Jangan kaget, karena semua artikel yang anda posting akan terdapat teks "read more" di bawahnya. Anda bisa mengedit artikel yang sudah diposting tersebut sehingga ada bagian teks tersembunyi dan bisa dibaca dengan meng-klik "read more".

Agar anda tidak selalu mengetikan <span class="fullpost">sisa text/paragraf</span> setiap kali memposting artikel, maka tag span tersebut bisa anda masukan ke "post template". Caranya adalah:
- Klik SETTINGS
- Klik FORMATING
- Arahkan ke POST TEMPLATE, ketik pada text box yang tersedia:
---------------
<span class="fullpost">





</span>
---------------
- Klik SAVE SETTING

Selamat mencoba!

0 Comments:

Post a Comment

<< Home